anchor.diff:  
   
   						<!-- End of Order Mouse and ES Cells -->
  -						
  -						
  +
  +
   						<div class="section" id="order2">
   							<h2 class="title documentation" id="order-panel">Order Mouse and ES Cells<span
   									class="documentation"><a href='' id='orderSection' class="fa fa-question-circle pull-right"></a></span>
   							</h2>
   
   							<div class="inner">
  -								
  +
   								<jsp:include page="orderSectionFrag.jsp"></jsp:include>
  -								
  +
   							</div>
   						</div>
   
  
positive.code: 				<script type="text/javascript" src="${baseUrl}/js/general/allele.js"></script>
  
  				<script type="text/javascript">
  					var gene_id = '${acc}';
  
  					$(document).ready(function() {
  						var heatmap_generated=0;
  						var expressionTab = 0;
  						var hash = location.hash;
  						if (hash.indexOf("tabs-") > -1){
  							expressionTab = $('a[href="' + hash + '"]').parent().index();
  							$("#section-expression").focus();
  						}
  						
  						$("#exptabs").tabs({ active: expressionTab});
  						$("#diseasetabs").tabs({ active: 0 });
  						$("#tabs").tabs();
  						//$("#diseasetabs").find("td[class!='shown']").css('color','#666');
  
  						$('div#anatomo1').hide(); // by default
  
  						$('.wtExp').hide();
  						$('div#toggleWt').click(function(){
  							if ($('.wtExp').is(':visible')) {
  								$('.wtExp').hide();
  								$(this).text("Show Wildtype Expression");
  							}
  							else {
  								$('.wtExp').show();
  								$(this).text("Hide Wildtype Expression");
  							}
  						});
  
  						$('div#expDataView').click(function(){
  							if ($('#anatomo1').is(':visible')) {
  								$('#anatomo1').hide();
  								$('#anatomo2').show();
  								$(this).text("Show expression table");
  							}
  							else {
  								$('#anatomo1').show();
  								$('#anatomo2').hide();
  								$(this).text("Hide expression table");
  							}
  						});
  						
  						$('#heatmap_link').click(function(){
  							console.log('heatmap link clicked');
  							
  							/* //load the css
  							var cssId = 'myCss';  // you could encode the css path itself to generate id..
  							if (!document.getElementById(cssId))
  							{
  							    var head  = document.getElementsByTagName('head')[0];
  							    var link  = document.createElement('link');
  							    link.id   = cssId;
  							    link.rel  = 'stylesheet';
  							    link.type = 'text/css';
  							    link.href = '${drupalBaseUrl}/heatmap/css/heatmap.1.3.1.css';
  							    link.media = 'all';
  							    head.appendChild(link);
  							} */
  
  							if($('#heatmap_toggle_div').length){//check if this div exists first as this will ony exist if phenotypeStarted and we don't want to do this if not.
  								$('#heatmap_toggle_div').toggleClass('hidden');//toggle the div whether the heatmap has been generated or not.
  								$('#phenotypeTableDiv').toggleClass('hidden');
  								if(!heatmap_generated){
  
  									var script = document.createElement('script');
  									script.src = "${drupalBaseUrl}/heatmap/js/heatmap.1.3.1.js";
  									script.onload = function () {
  
  										//do stuff with the script
  										new dcc.PhenoHeatMap({
  											/* identifier of <div> node that will host the heatmap */
  											'container': 'phenodcc-heatmap',
  											/* colony identifier (MGI identifier) */
  											'mgiid': '${gene.mgiAccessionId}',
  											/* default usage mode: ontological or procedural */
  											'mode': 'ontological',
  											/* number of phenotype columns to use per section */
  											'ncol': 5,
  											/* heatmap title to use */
  											'title': '${gene.markerSymbol}',
  											'url': {
  												/* the base URL of the heatmap javascript source */
  												'jssrc': '${fn:replace(drupalBaseUrl, "https:", "")}/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': dcc.heatmapUrlGenerator
  											}
  										});
  										heatmap_generated=1;
  
  									};
  
  
  								document.head.appendChild(script);
  
  		
  
  								}//end of if heatmap generated
  
  						}
  							
  
  
  						});
  						 
  					});
  				</script>
  				<style>
  					li.showAdultImage {
  
negative.code: 		<link rel="stylesheet" type="text/css" href="${baseUrl}/js/phenogrid-1.3.1/dist/phenogrid-bundle.css?v=${version}">
  
  
  		<%-- for anatomogram released in 201609 --%>
  		<script type="text/javascript" src="${baseUrl}/js/anatomogram/vendorCommons.bundle.js?v=${version}"></script>
  		<script type="text/javascript" src="${baseUrl}/js/anatomogram/anatomogramBuilder.bundle.js?v=${version}"></script>
  
  		<%-- these copies have the http:// changed to // --%>
  		<%--<script type="text/javascript" src="${baseUrl}/js/vendorCommons.bundle.js?v=${version}"></script>--%>
  		<%--<script type="text/javascript" src="${baseUrl}/js/expressionAtlasAnatomogram.bundle.js?v=${version}"></script>--%>
  
  
  		<%--reinvoke this when atlas people are ready supporting https--%>
  		<%--<script language="JavaScript" type="text/javascript" src="//www.ebi.ac.uk/gxa/resources/js-bundles/vendorCommons.bundle.js"></script>--%>
  		<%--<script language="JavaScript" type="text/javascript" src="//www.ebi.ac.uk/gxa/resources/js-bundles/expressionAtlasAnatomogram.bundle.js"></script>--%>
  
  
  		<script type="text/javascript">
              var diseaseTables = [{
                  id: '#orthologous_diseases_table',
                  tableConf: {
                      paging: false,
                      info: false,
                      searching: false,
                      order: [[2, 'desc'], [4, 'desc'], [3, 'desc']],
                      "sPaginationType": "bootstrap"
                  }
              }, {
                  id: '#predicted_diseases_table',
                  tableConf: {
                      order: [[2, 'desc'], [4, 'desc'], [3, 'desc']],
                      "sPaginationType": "bootstrap"
                  }
              }];
  
  
              $(document).ready(function () {
  
                  for (var i = 0; i < diseaseTables.length; i++) {
                      var diseaseTable = diseaseTables[i];
                      var dataTable = $(diseaseTable.id).DataTable(diseaseTable.tableConf);
                      $.fn.addTableClickCallbackHandler(diseaseTable.id, dataTable);
                  }
  
                  console.log(${anatomogram});
                  // invoke anatomogram only when
                  // this check is not empty: impcAdultExpressionImageFacets
  
                  if ($('div#anatomogramContainer').size() == 1) {
  
                      // anatomogram stuff
                      //var expData = JSON.parse(${anatomogram});
                      var expData = ${anatomogram};
                      console.log(expData);
                      var topLevelName2maIdMap = expData.topLevelName2maIdMap;
                      var maId2UberonEfoMap = expData.maId2UberonEfoMap;
                      var uberonEfo2MaIdMap = expData.uberonEfo2MaIdMap;
                      var maId2topLevelNameMap = expData.maId2topLevelNameMap;
  
  
                      //------------ anatomogram 201609 version ----------
  