anchor.diff:  <t:genericpage>
   	<jsp:attribute name="title">Gene details for ${gene.name}</jsp:attribute>
   	
  -	<jsp:attribute name="breadcrumb">&nbsp;&raquo; <a href="${baseUrl}/search#sort=marker_symbol asc&q=*:*&core=gene">Genes</a> <c:if test="${not empty gene.subtype.name }">&raquo; <a href='${baseUrl}/search#fq=marker_type:"${gene.subtype.name}"&q=*:*&core=gene'>${gene.subtype.name}</a></c:if> &raquo; ${gene.symbol}</jsp:attribute>
  +   <jsp:attribute name="breadcrumb">&nbsp;&raquo; <a href="${baseUrl}/search#sort=marker_symbol asc&q=*:*&core=gene">Genes</a> &raquo; ${gene.symbol}</jsp:attribute>
   
   	<jsp:attribute name="footer">
  +
  +	<c:if test="${phenotypeStarted && !isLive}">
  +	<script type="text/javascript" src="${drupalBaseUrl}/heatmap/js/heatmap.1.1.js"></script>
  +	<!--[if IE 8]>
  +        <script type="text/javascript">
  +        dcc.ie8 = true;
  +        </script>
  +	<![endif]-->
  +	<script>
  +          //new dcc.PhenoHeatMap('procedural', 'phenodcc-heatmap', '${gene.symbol}', '${gene.id.accession}', 6, '${fn:replace(drupalBaseUrl, "https:", "")}/heatmap/rest/heatmap/');
  +          new dcc.PhenoHeatMap({
  +                /* identifier of <div> node that will host the heatmap */
  +                'container': 'phenodcc-heatmap',
  +
  +                /* colony identifier (MGI identifier) */
  +                'mgiid': '${gene.id.accession}',
  +
  +                /* default usage mode: ontological or procedural */
  +                'mode': 'ontological',
  +
  +                /* number of phenotype columns to use per section */
  +                'ncol': 5,
  +
  +                /* heatmap title to use */
  +                'title': '${gene.symbol}',
  +
  +                'url': {
  +                    /* the base URL of the heatmap javascript source */
  +                    'jssrc': '${drupalBaseUrl}/heatmap/js/',
  +
  +                    /* the base URL of the heatmap data source */
  +                    'json': '${fn:replace(drupalBaseUrl, "https:", "")}/heatmap/rest/',
  +
  +                    /* function that generates target URL for data visualisation */
  +                    'viz': function(genotype_id, type) {
  +                        return '${drupalBaseUrl}/phenotypedata?g=' + genotype_id
  +                            + '&t=' + type + '&w=all';
  +                    }
  +                }
  +            });
  +	</script>
  +	</c:if>
   
   	<!--[if !IE]><!-->
   	<script type="text/javascript" src="${baseUrl}/js/genomic-browser/dalliance-all.js"></script>
   	<!--<![endif]-->
  -
  -
  +	<script src="${baseUrl}/js/imaging/genomicB.js"></script>
   	</jsp:attribute>
   	
   
   	<jsp:attribute name="header">
  -
  -
   	<script type="text/javascript">var gene_id = '${acc}';</script>
  -
  -	<script src="${baseUrl}/js/imaging/properties.js"></script>
  -	<script src="${baseUrl}/js/imaging/genomicB.js"></script>
  -	<script src="${baseUrl}/js/imaging/mp.js"></script>
  -	<script src="${baseUrl}/js/imaging/imageUtils.js"></script>
   	<script src="${baseUrl}/js/general/toggle.js"></script>
  -	<script src="${baseUrl}/js/mpi2_search/all.js"></script>
  -
  -
  -<style>
  -
  -@media only screen and (max-width: 800px) {
  -	/* Force table to not be like tables anymore */
  -	#allele_tracker_panel_results table,
  -	#allele_tracker_panel_results thead,
  -	#allele_tracker_panel_results tbody,
  -	#allele_tracker_panel_results th,
  -	#allele_tracker_panel_results td,
  -	#allele_tracker_panel_results tr
  -	{display: block;}
  -
  -	/* Hide table headers (but not display: none;, for accessibility) */
  -	#allele_tracker_panel_results thead tr {position: absolute;top: -9999px;left: -9999px;}
  -	#allele_tracker_panel_results tr {border: 1px solid #ccc;}
  -	#allele_tracker_panel_results td { /* Behave  like a "row" */
  -		border: none;
  -		border-bottom: 1px solid #eee;
  -		position: relative;
  -		padding-left: 50%;
  -		white-space: normal;
  -		text-align: left;
  +
  +	<style>
  +	/* Force allele table to not be like tables anymore for responsive layout */
  +	@media only screen and (max-width: 800px) {
  +		#allele_tracker_panel_results table,
  +		#allele_tracker_panel_results thead,
  +		#allele_tracker_panel_results tbody,
  +		#allele_tracker_panel_results th,
  +		#allele_tracker_panel_results td,
  +		#allele_tracker_panel_results tr{display: block;}
  +		#allele_tracker_panel_results thead tr {position: absolute;top: -9999px;left: -9999px;}
  +		#allele_tracker_panel_results tr {border: 1px solid #ccc;}
  +		#allele_tracker_panel_results td {border: none;border-bottom: 1px solid #eee;position: relative;padding-left: 50%;white-space: normal;text-align: left;}
  +		#allele_tracker_panel_results td:before {position: absolute;top: 6px;left: 6px;width: 45%;padding-right: 10px;white-space: nowrap;text-align: left;font-weight: bold;}
  +		#allele_tracker_panel_results td:before {content: attr(data-title);}
  +		#allele_tracker_panel_results td:nth-of-type(1):before {content: "Product"}
  +		#allele_tracker_panel_results td:nth-of-type(2):before {content: "Allele"}
  +		#allele_tracker_panel_results td:nth-of-type(3):before {content: "Type"}
  +		#allele_tracker_panel_results td:nth-of-type(4):before {content: "Strain of Origin"}
  +		#allele_tracker_panel_results td:nth-of-type(5):before {content: "MGI Allele Name"}
  +		#allele_tracker_panel_results td:nth-of-type(6):before {content: "Allele Map"}
  +		#allele_tracker_panel_results td:nth-of-type(7):before {content: "Allele Sequence"}
  +		#allele_tracker_panel_results td:nth-of-type(8):before {content: "Order"}
   	}
  -	#allele_tracker_panel_results td:before { /* Now like a table header */
  -		position: absolute;
  -		/* Top/left values mimic padding */
  -		top: 6px;
  -		left: 6px;
  -		width: 45%;
  -		padding-right: 10px;
  -		white-space: nowrap;
  -		text-align: left;
  -		font-weight: bold;
  -	}
  -
  -	/*
  -	Label the data
  -	*/
  -	#allele_tracker_panel_results td:before {
  -		content: attr(data-title);
  -	}
  -	#allele_tracker_panel_results td:nth-of-type(1):before {
  -		content: "Product"
  -	}
  -	#allele_tracker_panel_results td:nth-of-type(2):before {
  -		content: "Allele"
  -	}
  -	#allele_tracker_panel_results td:nth-of-type(3):before {
  -		content: "Type"
  -	}
  -	#allele_tracker_panel_results td:nth-of-type(4):before {
  -		content: "Strain of Origin"
  -	}
  -	#allele_tracker_panel_results td:nth-of-type(5):before {
  -		content: "MGI Allele Name"
  -	}
  -	#allele_tracker_panel_results td:nth-of-type(6):before {
  -		content: "Allele Map"
  -	}
  -	#allele_tracker_panel_results td:nth-of-type(7):before {
  -		content: "Allele Sequence"
  -	}
  -	#allele_tracker_panel_results td:nth-of-type(8):before {
  -		content: "Order"
  -	}
  -}
  -#svgHolder div div {z-index:100;}
  -
  -</style>
  -
  +	#svgHolder div div {z-index:100;}
  +	</style>
  +
  +	<c:if test="${phenotypeStarted && !isLive}">
  +        <!--[if !IE]><!-->
  +        <link rel="stylesheet" type="text/css" href="${drupalBaseUrl}/heatmap/css/heatmap.1.1.css">
  +        <!--<![endif]-->
  +        <!--[if IE 8]>
  +        <link rel="stylesheet" type="text/css" href="${drupalBaseUrl}/heatmap/css/heatmapIE8.1.1.css">
  +        <![endif]-->
  +        <!--[if gte IE 9]>
  +        <link rel="stylesheet" type="text/css" href="${drupalBaseUrl}/heatmap/css/heatmap.1.1.css">
  +        <![endif]-->
  +	</c:if>
  +        
       </jsp:attribute>
   
   	<jsp:body>
  
positive.code: 							</a>
  						</div>
  						<div id="pheno${status.count}" class="accordion-body collapse<c:if test="${status.count ==1}"> in</c:if>">
  						<div class="accordion-inner">
  						<a href="${baseUrl}/images?gene_id=${acc}&fq=expName:${entry.name}">[show all ${entry.count} images]</a>
  							<ul>
  								<c:forEach var="doc" items="${facetToDocs[entry.name]}">
  								<li class="span2">
  									<a href="${mediaBaseUrl}/${doc.fullResolutionFilePath}">
  									<img src="${mediaBaseUrl}/${doc.smallThumbnailFilePath}" /></a>
  									<c:forEach var="maTerm" items="${doc.annotationTermName}" varStatus="status">${maTerm}<br/></c:forEach>
  									<c:if test="${not empty doc.genotype}">${doc.genotype}<br/></c:if>
  									<c:if test="${not empty doc.gender}">${doc.gender}<br/></c:if>
  										<c:if test="${not empty doc.institute}"><c:forEach var="org" items="${doc.institute}">${ org}<br /></c:forEach></c:if> 
  								</li>
  								</c:forEach>
  							</ul>
  						</div>
  					</div>
  				</div>
  				</c:forEach>
  			</div>
  		</div>
  	</div>
  </div>
  </c:if>
  			
  			
  			<c:if test="${not empty expressionFacets}">
  			<div class="row-fluid dataset">
  		<div class="row-fluid">
  				<div class="container span12">
  					<h4 class="caption">Expression</h4><div id="showAllExpression"></div>
  						
  				</div>
  		
  			<div class="row-fluid">
  			<div class="container span12">
  				<!-- thumbnail scroller markup begin -->
  				<div id="expressionInfo">
  				
  <div class="accordion" id="accordion2">
     <c:forEach var="entry" items="${expressionFacets}" varStatus="status">
    		<div class="accordion-group">
  						<div class="accordion-heading">
  							<a class="accordion-toggle" data-toggle="collapse" data-target="#collapse${status.count}" >
  								${entry.name}  [${entry.count}]<i class="icon-chevron-<c:if test="${status.count ==1}">down</c:if><c:if test="${status.count!=1}">right</c:if> pull-left"></i>
  							</a>
  						</div>
  						<div id="collapse${status.count}" class="accordion-body collapse<c:if test="${status.count ==1}"> in</c:if>">
  						<div class="accordion-inner">
  						 <a href='${baseUrl}/images?gene_id=${acc}&q=expName:"Wholemount Expression"&fq=higherLevelMaTermName:"${entry.name}"'>[show all  ${entry.count} images]</a>
  							<ul>
        		 	<c:forEach var="doc" items="${expFacetToDocs[entry.name]}">
  				<li class="span2">
  					<a href="${mediaBaseUrl}/${doc.fullResolutionFilePath}">
  							<img src="${mediaBaseUrl}/${doc.smallThumbnailFilePath}" /></a>
  								<c:forEach var="maTerm" items="${doc.annotationTermName}" varStatus="status">${maTerm}<br/></c:forEach>
  								<c:if test="${not empty doc.genotype}">${doc.genotype}<br/></c:if>
  								<c:if test="${not empty doc.genotype}">${doc.gender}<br/></c:if>
  								<c:if test="${not empty doc.institute}"><c:forEach var="org" items="${doc.institute}">${ org}<br /></c:forEach></c:if> 
  				</li>
        			</c:forEach>
  							</ul>
  						</div>
  					</div>
  				</div>
  				</c:forEach>
  </div>
  			
  				</div>
  			</div>
  			</div>
  			</div>
  			</div>
  </c:if>
  			
  		<!--/row-->
  		<div class="row-fluid dataset">
  			<div class="container span12">
  
  				<h4 class="caption">ES Cell and Mouse Alleles</h4>
  				<div id="allele_tracker_panel_results">&nbsp;</div>
  
  					<c:choose><c:when test="${countIKMCAlleles == 0}">
  					<div class="alert alert-info">There is no IKMC allele available</div>
  					</c:when>
  					<c:otherwise>
  
  				<!-- END OF ALLELE TRACKER PANEL -->
  				<script type="text/javascript">
  					var mgiAccession = gene_id;
  					//jQuery('#allele_tracker_panel_results')
  							//.load("proxy?url=https://beta.mousephenotype.org/i-dcc/martsearch/impc_search?mgi_accession_id="+ mgiAccession);
  					
  					jQuery('#allele_tracker_panel_results').mpi2GenePageAlleleGrid().trigger('search', {solrParams: {q:'mgi_accession_id:'+ mgiAccession}});
  				</script>
  				</c:otherwise>
  				</c:choose>
  
  			</div>
  			<!--/span-->
  		</div>
  		<!--/row-->
  
      </jsp:body>
  </t:genericpage>
  
negative.code: 						</tr>
  					</tbody>
  				</table>
  			</div>
  		</div>
  
  		<div class="row-fluid">
  			<div class="container span12">
  				<button type="button" data-toggle="collapse" data-target="#other_ids" id="showGBrowser">Show/Hide Genome Browser</button>
  				<div id="other_ids" class="collapse">
  					<div class="container span6" id="geneLocation1">Gene&nbsp;Location: Chr<span id='chr'>${gene.sequenceRegion.name}</span>:<span id='geneStart'>${gene.start}</span>-<span id='geneEnd'>${gene.end}</span></div>
  					<div class="container span6" >Gene Type: ${gene.subtype.name}</div>
  					<span id="genomicBrowserInfo">
  						<span class="label label-info" rel="tooltip"  title="This browser is clickable please experiment by clicking. Click on features to get more info, click on zoom bar etc. To reset click on 'lightning button'" disabled>This is an interactive genomic browser </span>
  						<a href="http://www.biodalliance.org/"><i class="icon-question-sign" rel="tooltip" title="More information on using this browser"></i></a>
  					</span>
  					<div class="container span12"  id="svgHolder"></div>
  					<table>
  						<tbody>
  							<c:if test="${not empty vegaIds}">
  							<tr>
  