anchor.diff:  			
   		});
   	</script>
  -	<!-- end of hash state for back button -->	
  +	<!-- end of hash state stuff -->	
   	
   	</jsp:attribute>
   
       <jsp:body>
  +       <!--  facet skeleton on left sidebar -->
   		<div id="wrapper">
   		    <div id="userKeyword" class='rounded-corners'></div>	
   			<div id="content">
  
positive.code: 		<div id="leftSideBar" class='rounded-corners span3'>			
  			<div id='facetBrowser'><img src='img/loading_small.gif' /> Processing search ...</div> 
  			<div id='geneFacet'>
  				<div><div class='facetCat'>Genes</div><span class='facetCount'></span></div>
  				<div class='facetCatList'></div>
  			</div>						
  			<div id='mpFacet'>
  				<div><div class='facetCat'>Phenotypes</div><span class='facetCount'></span></div>
  				<div class='facetCatList'></div>
  			</div>
  			<!-- <div id='tissueFace//var url = $.bbq.getState( "url" );t'>				
  
negative.code: 
  	<jsp:attribute name="footer">	
  	
  	<!-- hash state: the url params will change when
  		(1) the facet count is clicked
  	    (2) the back or forward button is clicked
  	    The params are parsed to load dataTable -->
  	    
  	<script type="text/javascript">
  		$(document).ready(function(){
  			
  			// catch back/forward buttons: load dataTable based on url params
  			$(window).bind("hashchange", function(e) {
  				// In jQuery 1.4, use e.getState( "url" );				
  				var url = $.param.fragment();				
  				//console.log('hash change URL: '+ '/search#' + url);
  				var hashParams = $.fn.parseHashString(window.location.hash.substring(1));
  				
  				if ( $('div#userKeyword span').text() != hashParams.q ){				
  					document.location.reload();
  				}
  				else {				
  					// update dataTable and facet display					
  					$.fn.updateFacetAndDataTableDisplay(hashParams);					
  				}							
  