Index: trunk/grails-app/views/taskDetailed/search.gsp
===================================================================
--- trunk/grails-app/views/taskDetailed/search.gsp	(revision 313)
+++ trunk/grails-app/views/taskDetailed/search.gsp	(revision 323)
@@ -43,24 +43,12 @@
             </div>
 
-            <div id="resultsControlClosed">
-                <a href='' onclick="showElement('results');
-                                                    Element.hide('resultsControlClosed');
-                                                    Element.show('resultsControlOpened');
-                                                    return false">
-                    Options <img  src="${resource(dir:'images/skin',file:'bullet_arrow_right.png')}" alt="Show" />
-                </a>
-            </div>
-
-            <div id="resultsControlOpened" style="display:none;">
-                <a href='' onclick="hideElement('results');
-                                                    Element.hide('resultsControlOpened');
-                                                    Element.show('resultsControlClosed');
-                                                    return false">
-                    Options <img  src="${resource(dir:'images/skin',file:'bullet_arrow_down.png')}" alt="Show" />
-                </a>
-            </div>
-
-
-            <div id="results" style="display:none;">
+            <jsUtil:toggleControl toggleId="options"
+                                                    imageId="optionsImg"
+                                                    closedImgUrl="${resource(dir:'images/skin',file:'bullet_arrow_right.png')}"
+                                                    openImgUrl="${resource(dir:'images/skin',file:'bullet_arrow_down.png')}"
+                                                    text="${g.message(code: 'default.options.text')}"
+                                                    />
+
+            <div id="options" style="display:none;">
                 <g:form method="post" >
                     <g:hiddenField name="params" value="${filterParams}" />
Index: trunk/grails-app/views/taskDetailed/show.gsp
===================================================================
--- trunk/grails-app/views/taskDetailed/show.gsp	(revision 313)
+++ trunk/grails-app/views/taskDetailed/show.gsp	(revision 323)
@@ -85,20 +85,12 @@
                                     <tr class="prop">
                                         <td valign="top" class="name">
-                                            <div id="modControlClosed">
-                                                <a href='' onclick="showElement('modifications');
-                                                                                    Element.hide('modControlClosed');
-                                                                                    Element.show('modControlOpened');
-                                                                                    return false">
-                                                    Modifications <img  src="${resource(dir:'images/skin',file:'bullet_toggle_plus.png')}" alt="Show" />
-                                                </a>
-                                            </div>
-                                            <div id="modControlOpened" style="display:none;">
-                                                <a href='' onclick="hideElement('modifications');
-                                                                                    Element.hide('modControlOpened');
-                                                                                    Element.show('modControlClosed');
-                                                                                    return false">
-                                                    Modifications <img  src="${resource(dir:'images/skin',file:'bullet_toggle_minus.png')}" alt="Hide" />
-                                                </a>
-                                            </div>
+
+                                            <jsUtil:toggleControl toggleId="modifications"
+                                                                                    imageId="modificationsImg"
+                                                                                    closedImgUrl="${resource(dir:'images/skin',file:'bullet_toggle_plus.png')}"
+                                                                                    openImgUrl="${resource(dir:'images/skin',file:'bullet_toggle_minus.png')}"
+                                                                                    effect="fade"
+                                                                                    text="Modifications"
+                                                                                    />
                                         </td>
 
