Index: trunk/web-app/css/main.css
===================================================================
--- trunk/web-app/css/main.css	(revision 306)
+++ trunk/web-app/css/main.css	(revision 307)
@@ -585,7 +585,15 @@
 
 div.tree_button {
-    text-align: left;
-    padding-top: 4px;
-}
+    float: left;
+}
+div.tree_button a {
+}
+div.tree_button img {
+    padding: 0.3em 0.5em 0 0.3em;
+}
+div.tree_button img:hover {
+    padding: 0.5em 0.5em 0 0.3em;
+}
+
 div.tree {
 }
Index: trunk/web-app/js/overlayPane.js
===================================================================
--- trunk/web-app/js/overlayPane.js	(revision 306)
+++ trunk/web-app/js/overlayPane.js	(revision 307)
@@ -1,22 +1,42 @@
 function toggleDiv(id) {
-            $(divId).toggle();
+    $(divId).toggle();
 }
 
 function showDiv(id) {
-            Effect.Appear(id,{duration:0.4,queue:'end'});
+    Effect.Appear(id,{duration:0.4,queue:'end'});
+}
+
+function hideAssetTreePane(paneDivId, tableDivId, saveUrl) {
+
+    // Hide the pane.
+    $(paneDivId).toggle();
+
+    var visibleDivs = $(tableDivId).select('div').findAll(function(el) { return el.visible(); })
+    var params = "assetTreeVisibleBranches=";
+
+    // Add the id of each visible div.
+    visibleDivs.each(function(it) {
+        params += it.identify();
+        params += ","
+    });
+
+    // Remove the trailing comma.
+    params = params.slice(0,params.length-1);
+
+    // Post the id's of all visible divs.
+    new Ajax.Request(saveUrl, {parameters: params});
 }
 
 function toggleBranch(divId, imageId, openImgUrl, closedImgUrl) {
 
-        $(divId).toggle();
+    $(divId).toggle();
 
-        if( $(divId).visible() ) {
-            $(imageId).src= openImgUrl;
-        }
-        else {
-            $(imageId).src= closedImgUrl;
-        }
+    if( $(divId).visible() ) {
+        $(imageId).src= openImgUrl;
+    }
+    else {
+        $(imageId).src= closedImgUrl;
+    }
 
-//         return false;
 }