anchor.diff:  	  e.parentNode.getElementsByTagName("A")[0].style.display = "none"; 
   	  e.parentNode.getElementsByTagName("DIV")[0].style.display = "block"; 
   	}
  -
  +function toggleAddLibraryForm(obj, id_number){
  +	
  +	//first deal with toggling display of the form Add Library To Flow Cell
  +	var div_id = 'div_' + id_number;
  +	var div_form_to_hide_show = document.getElementById(div_id);
  +	if(div_form_to_hide_show.style.display == 'none'){
  +		div_form_to_hide_show.style.display = 'block';
  +	}
  +	else{
  +		div_form_to_hide_show.style.display = 'none';
  +	}
  +	//second, change the name of the controlling anchor (obj is the anchor, this)
  +	if(obj.firstChild.data == 'Add Library To Flow Cell'){
  +		obj.innerHTML = 'Hide Form';
  +	}
  +	else{
  +		obj.innerHTML = 'Add Library To Flow Cell';
  +	}
  +	
  +}
   </script>
   </head>
     <br />
  
positive.code: 				<br />&nbsp;Provide picoM Added: <input type='text' name='picoMadded' size='3' maxlength='5'>
  				<br />&nbsp;<input type='submit' value='Submit'/>
  				</form>
  				</td></tr></table>
  						
  						
  				</div>
  				  </div>		
  						
  								
  		</c:forEach>
  
negative.code: <br />
  <table class="data"> <!-- EditTable ui-widget ui-widget-content -->
  <tr class="FormData"><td class="label-centered">Initial Macromolecule</td><td class="label-centered">Libraries</td></tr>
  
  <c:set var="idCounter" value="0" scope="page" />
  
  <c:forEach items="${samplesSubmitted}" var="sample" varStatus="counter">
  <tr class="FormData">
  