anchor.diff:  				<div class='facetCatList'></div>
   			</div>-->
   			<div id='pipelineFacet'>
  -				<div><div class='facetCat'>Procedures</div><span class='facetCount'></span></div>
  +				<div><div class='facetCat'>Procedures</div><span class='facetCount countDisplay'></span></div>
   				<div class='facetCatList'></div>
   			</div>
   			<div id='imagesFacet'>
  -				<div><div class='facetCat'>Images</div><span class='facetCount'></span></div>
  +				<div><div class='facetCat'>Images</div><span class='facetCount countDisplay'></span></div>
   				<div class='facetCatList'></div>
   			</div>
   			
   		</div>
  +		<!--  end of facet skeleton on left sidebar -->
  +		
  +		<!--  container to display dataTable -->
   	    <div class="HomepageTable span9" id="mpi2-search"></div>   
   	    </div>
       </jsp:body>
  
positive.code: <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
  <%@ taglib prefix="t" tagdir="/WEB-INF/tags" %>
  
  <c:set var="redirectedJavascript">
  	<c:if test="${not empty queryString}">
  		<script type="text/javascript">		
  		
  		var data = {};
  		data.q    = '${q}';	
  		data.core = '${core}';
  		data.fq   = decodeURI('${fq}');
  							 		 
  		window.jQuery('document').ready(function() {	
  			
  			// do not use qf: 'auto_suggest', defType: 'edismax' for gene, as the config is different at Sanger
  			var facetParams = MPI2.searchAndFacetConfig.facetParams;
  			var facetName = data.core + 'Facet';
  									
  			if ( facetParams[facetName] && data.core != 'gene'){
  				//data.fq = facetParams[facetName].fq;
  				data.qf = facetParams[facetName].qf;
  				data.defType = facetParams[facetName].defType;
  				data.wt = facetParams[facetName].wt;
  			}
  			
  			// refresh the side bar
  			window.jQuery('div#leftSideBar').mpi2LeftSideBar({				
  				data : data, // key q: query string
  				geneGridElem : 'div#mpi2-search'				
  			});			
  			
  			// refresh the grid		
  			if ( data.core != 'undefined' ){
  						
  				// invode dataTable
  				var oInfos = {};
  		 		oInfos.params = $.fn.stringifyJsonAsUrlParams(data);
  		 		oInfos.solrCoreName = facetParams[facetName].solrCoreName;
  		 		oInfos.mode = facetParams[facetName].solrCoreName + 'Grid';
  		 		oInfos.dataTablePath = "${baseUrl}/dataTable";
  		 		
  		 		var dTable = $.fn.fetchEmptyTable(facetParams[facetName].tableHeader, facetParams[facetName].cols, oInfos.mode);
  		 	   			 	    	
  		 	   	var title = $.fn.upperCaseFirstLetter(facetParams[facetName].type);	    	
  		 	   	var gridTitle = $('<div></div>').attr({'class':'gridTitle'}).html(title);
  		 	 		 	  	
  		 	   	$('div#mpi2-search').html('');		 	  
  		 	   	$('div#mpi2-search').append(gridTitle, dTable);		 	    	   	
  		 	   
  		 	   //	$.fn.invokeDataTable(oInfos);
  			}
  			//$('div#userKeyword').html('Search keyword: ' + data.q);
  			$('div#facetBrowser').html(MPI2.searchAndFacetConfig.endOfSearch);
  			
  		});
  		</script>
  	</c:if>
  </c:set>
  
  
  <t:genericpage>
  
  
negative.code: 			
  		});
  	</script>
  	<!-- 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">
  