d44ef4b3e033de3ca7676fa33e2fb1221eedc9ec
kate
  Thu Apr 19 09:00:59 2012 -0700
1. Add hideable 'Help' panel to Data Matrix page  2. Add 'view matrix' button to ChIP-seq header on Data Matrix page (QA item #8).  3.  Change navigation from portal so Data Matrix displayed first.
diff --git src/hg/js/encodeMatrix.js src/hg/js/encodeMatrix.js
index 522aacc..2765819 100644
--- src/hg/js/encodeMatrix.js
+++ src/hg/js/encodeMatrix.js
@@ -90,39 +90,54 @@
             // variables from calling page
             organism = encodeMatrix_organism;
             assembly = encodeMatrix_assembly;
             $('#assemblyLabel').text(assembly);
             header = encodeMatrix_pageHeader;
             $('#pageHeader').text(header);
             document.title = 'ENCODE ' + header;
 
             encodeProject.setup({
                 server: server,
                 assembly: assembly
             });
 
             // show only spinner until data is retrieved
             $el.hide();
+            $('.helpLauncher').hide();
+            $('.xIcon').hide();
+
+            // setup click handlers for help controls
+            $('.xIcon').click(function() {
+                $('.helpText').toggle();
+                $('.helpLauncher').toggle();
+            });
+            $('.helpLauncher').click(function() {
+                $('.helpText').toggle();
+                $('.helpLauncher').toggle();
+            });
             spinner = showLoadingImage('spinner', true);
 
             // add radio buttons for search type to specified div on page
             addSearchPanel($('#searchTypePanel'), encodeMatrix.isFileSearch());
+
         },
 
     show: function ($el) {
         // Call after data loads to show display
         hideLoadingImage(spinner);
+        $('#spinner').remove();
+        $('.xIcon').show();
         $el.show();
         },
 
     // Table rendering special effects
 
     addTableFloatingHeader: function ($table) {
         // add callback for floating table header feature
 
        // NOTE: it may be possible to revive floating header functionality in IE 
        // using this plug-in, but I've timed out 
        // (not able to make it work in simple HTML either).
 
           $table.floatHeader({
             cbFadeIn: function (header) {
                 // hide axis labels -- a bit tricky to do so