8e68641f18d60ba319811dfecbd5ef6b6337fd8a
kate
  Mon Feb 20 12:12:12 2012 -0800
Cripple for IE (floating header, crosshair effect)
diff --git src/hg/js/encodeDataMatrix.js src/hg/js/encodeDataMatrix.js
index 97ce26e..07f2f35 100644
--- src/hg/js/encodeDataMatrix.js
+++ src/hg/js/encodeDataMatrix.js
@@ -179,36 +179,45 @@
                     '<span title="' + cellTypeHash[cellType].description + '"><a href="/cgi-bin/hgEncodeVocab?ra=encode/cv.ra&term=' + cellType + '">' + cellType + '</a>' + 
                     '</th>'
                     );
                 maxLen = Math.max(maxLen, cellType.length);
 
                 rowAddCells(row, dataGroups, matrix, cellType);
 
                 table.append(row);
             });
             // adjust size of row headers based on longest label length
             $('tbody th').css('height', '1em');
             $('tbody th').css('width', (String((maxLen/2 + 2)).concat('em')));
         });
         $("body").append(table);
 
+        // 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).
+        if (!$.browser.msie) {
         addFloatingHeader(table);
+        }
         rotateCells(table);
 
         // column and row hover (cross-hair effect)
         // thanks to Chris Coyier, css-tricks.com
         // NOTE:  acts on colgroups declared at start of table
+        // NOTE: second table name is generated from floatheader plugin
+        // NOTE: too slow on IE, so skip 
+        if ($.browser.msie) {
+            return;
+        }
         $("#matrixTable, #matrixTableFloatHeaderClone").delegate('.matrixCell, .elementType','mouseover mouseleave', function(e) {
             if (!$(this).hasClass('experiment') && !$(this).hasClass('todoExperiment') &&
                 !$(this).hasClass('elementType') && !$(this).hasClass('groupType')) {
                 return;
             }
             if (e.type == 'mouseover') {
                 // refrain from highlighting header row
                 if (!$(this).parent().is("#columnHeaders")) {
                     $(this).parent().addClass("crossHair");
                 }
                 col = $("colGroup").eq($(this).index());
                 if (col.hasClass("dataTypeCol")) {
                     col.addClass("crossHair");
                 }
             } else {