anchor.diff:  <script type="text/javascript">
   
   $(document).ready(function() {
  +	
  +	//////$("#viewerFrame").load('<c:url value="/sampleDnaToLibrary/jobDetails/${job.getId()}.do" />');
  +	
   	//http://api.jqueryui.com/dialog/
   	$("#modalDialog").dialog({
           autoOpen: false,
  
positive.code: 		<br /><br />
  		________________________________	
  	 	<br /><br />more stuff:<br/>	
  		 <input id="toggleButton" class="fm-button" type="button" value="Hide Window"  onClick="toggleViewerFrame(this)" />
  		<br />
  		
  		<a href="http://wasp.einstein.yu.edu/results/production_wiki/TestPI/TestPI/P498/J10740/stats/TrueSeqUnknown.BC1G0RACXX.lane_8_P0_I0.hg19.sequence.fastq.passFilter_fastqc/fastqc_report.html" target="myIframe">Right Frame: View Fastqc report from /results/production_wiki</a>
  		<br />
  		<a href="<c:url value="/sampleDnaToLibrary/listJobSamples/87.do" />" target="myIframe">Right Frame: Wasp job 87's home page</a>
  
negative.code: 				}
  			}
  		}
  	}	
  }
  
  window.onload = function (){loadNewPage('fakeAnchor', '<c:url value="/sampleDnaToLibrary/jobDetails/${job.getId()}.do" />'); }
  
  </script>
   
  <style>
  	.pageContainer {width:100%; overflow:hidden; }
  	.selectionLeft {float:left; width:40%; margin-right:0.2cm; }
  	.viewerRight {float:left; width:50%; padding-left:0.2cm; border-left:3px solid black; overflow-y:auto; overflow-x:hidden;}
  	.selectionLeft div {margin:5px 0px 5px 10px;}
  	.rob div {margin:5px 0px 5px 20px;}
  </style>
  <%--  .viewerRight {float:left; width:50%; padding-left:0.2cm; border-left:3px solid black; overflow:hidden;}
  	.viewerRight {float:left; width:50%; padding-left:0.2cm; border-left:3px solid black; overflow-x:scroll; overflow-y:hidden;}
  
  <style>
  	.pageContainer {width:850px; overflow:hidden;}
  	.selectionLeft {float:left; width:400px; border-right:2px solid black;}
  