ea41056f39eb940ef5ce1ad4e83512e2550bb647
kate
  Sat Oct 8 16:43:44 2016 -0700
First steps to animage tissue selection panel that includes bodymap and table.  Hover and click over tissue names and set all/clear all mostly working.  Also some corrections to svg (missing colon sub-tissues, oddity in aorta id naming). refs 17369

diff --git src/hg/hgGtexTrackSettings/hgGtexTrackSettings.html src/hg/hgGtexTrackSettings/hgGtexTrackSettings.html
index 540040c..ed0602d 100644
--- src/hg/hgGtexTrackSettings/hgGtexTrackSettings.html
+++ src/hg/hgGtexTrackSettings/hgGtexTrackSettings.html
@@ -1,109 +1,109 @@
 <div class="container-fluid">
     <div class="row gbTrackTitle">
         <div class="col-md-10">
             <span class="gbTrackName">GTEx Track</span> 
             &nbsp;&nbsp;&nbsp; Gene Expression in 53 tissues from GTEx RNA-seq of 8555 samples (570 donors)&nbsp;&nbsp;&nbsp;
             <span class="gbAssembly">GRCh37 - hg19</span>
         </div>
 
         <div class="col-md-2 text-right">
             <select id="selectVisibility" class="gbSelect">
                 <option>hide</option> 
                 <option>dense</option> 
                 <option>squish</option> 
                 <option>pack</option> 
                 <option>full</option> 
             </select>
 
             <div class="goButtonContainer" title="Go to the Genome Browser">
                 <div class="gbGoButton">GO</div>
                 <i class="gbGoIcon fa fa-play fa-2x"></i>
             </div>
         </div>
     </div>
 
     <div id="configureSectionTitle" class="row gbSectionBanner">
             <div class="gbSectionTitle col-md-8">Configure</div>
             <div class="col-md-4 text-right">
                 <div class="goButtonContainer" title="Go to the Genome Browser">
                     <div class="gbGoButton">GO</div>
                     <i class="gbGoIcon fa fa-play fa-2x"></i>
                 </div>
             </div>
     </div>
 
 <!-- row 1 -->
     <div class="row">
         <div class="configurator col-md-4">
             <b>Label</b>:&nbsp;&nbsp; 
                 <input type="radio" name="gtexGene.label" value="name"> gene symbol
                 <input type="radio" name="gtexGene.label" value="accession"> accession
                 <input type="radio" name="gtexGene.label" value="both"> both
         </div>
         <div class="configurator col-md-8">
 <b>Show GTEx gene model</b>
 <INPUT TYPE=CHECKBOX NAME="gtexGene.showExons" VALUE=on ><INPUT TYPE=HIDDEN NAME='boolshad.gtexGene.showExons' VALUE='0' class='cbShadow'>
         </div>
 
     </div>
 
 <!-- row 2 -->
     <div class="row">
         <div class="configurator col-md-4">
             <b>Log10 transform:</b>
                 <INPUT TYPE=CHECKBOX NAME="gtexGene.logTransform" VALUE=on onchange='gtexTransformChanged("gtexGene")' CHECKED><INPUT TYPE=HIDDEN NAME='boolshad.gtexGene.logTransform' VALUE='0' class='cbShadow'>
         </div>
         <div class="configurator col-md-8">
             <span class='gtexGeneViewLimitsMaxLabel disabled'><b>View limits maximum:</b></span>
 <INPUT TYPE=TEXT NAME="gtexGene.maxLimit" SIZE=4 VALUE=300 disabled><span class='gtexGeneViewLimitsMaxLabel disabled'>  RPKM (range 0-711778)</span>
         </div>
     </div>
 
 <!-- row 3 -->
     <div class="row">
         <div class="configurator col-md-4">
             <b>Limit to protein coding genes:</b>
                 <INPUT TYPE=CHECKBOX NAME="gtexGene.codingOnly" VALUE=on ><INPUT TYPE=HIDDEN NAME='boolshad.gtexGene.codingOnly' VALUE='0' class='cbShadow'>
         </div>
 
         <div class="configurator col-md-8">
             <b>Limit to genes scored at or above:</b> 
             <input id="scoreInput" value="" size="8">
             (range 0-1000)
         </div>
     </div>
 
     <!--<div class="spacer">&nbsp;</div> */ -->
 
 <!-- end configure panel -->
 
 <!-- tissue chooser panel -->
 
     <div id="tissueSectionTitle" class="row gbSectionBanner">
         <div class="gbSectionTitle col-md-6">Choose Tissues</div>
         <div class="col-md-6 text-right">
 
-            <div class="goButtonContainer gtButton gbWhiteButton">set all</div>
-            <div class="goButtonContainer gtButton gbWhiteButton">clear all</div>
+            <div id="setAll" class="goButtonContainer gtButton gbWhiteButton">set all</div>
+            <div id="clearAll" class="goButtonContainer gtButton gbWhiteButton">clear all</div>
             <input class="gbSearch" TYPE="text" VALUE="Search" class="gbButton">&nbsp;
 
             <div class="goButtonContainer" title="Go to the Genome Browser">
                 <div class="gbGoButton">GO</div>
                 <i class="gbGoIcon fa fa-play fa-2x"></i>
             </div>
         </div>
     </div>
 
     <div id="tissueSection" class="row">
         <div id="bodyMap" class="col-md-6">
             <!--<img height="800px" class="gbImage gtexBodyMap" src="/images/bodyMap/jwBody.png">-->
             <!--<img height="800px" class="gbImage gtexBodyMap" src="/images/bodyMap/bodyMap.svg"> -->
             <!--<object type="image/svg+xml" height="800px" class="gbImage gtexBodyMap" data="/images/bodyMap.svg">-->
             <object id="bodyMapSvg" type="image/svg+xml" class="gbImage gtexBodyMap" data="/images/bodyMap.svg">
                 Body Map illustration not found
             </object>
         </div>
         <div class="col-md-6">
 <p>
           <div class="spacer"></div>