anchor.diff:  		
   		<div class="row"> 
   	        <div class="medical-label">Patient ID</div>
  -			<div class="text"> ${command.participant.id} </div
  +			<div class="text"> ${command.participant.id} </div>
   		</div> 
   
   		<div class="row">
   	        <div class="medical-label">Birth Date</div>
  -			<div class="text"> ${command.participant.dateOfBirth}</div>
  +			<div class="text"><tags:formatDate value="${command.participant.dateOfBirth}"/></div>
   		</div>
   
   		<div class="row">
  
positive.code: 		<chrome:division title="Patient Disease Information">
          		
  		<div class="row">
  			<div class="medical-label">Select Disease</div>
  			<div class="value"> 			
  				<select id="disease" name="disease" onChange="javascript:chooseDisease();">
  					<option value=-1>please select--</option>
  					<c:forEach var="studyDisease" varStatus="status" items="${command.study.studyDiseases}">	
  							<option value=${studyDisease.diseaseTerm.term}>${studyDisease.diseaseTerm.term} </option>
  					</c:forEach>
  				</select>
  		    </div>
          </div> 
  
  		<p id="instructions">
              If appropriate Disease is not in the list above then provide appropriate Disease
          </p>
  		<div class="row">
  	        <div class="medical-label"> Disease Name</div>
  			<div class="value"> <input id="dis" type="text"/> </div>
  		</div>
  
  		<div class="row">
  			<div class="medical-label">Select Disease Site</div>
  			<div class="value"> 			
  				<select id="disease_site" name="disease_site" onChange="javascript:chooseDiseaseSite();">
  					<option value=-1>please select--</option>
  					<option value=Ankle>Ankle</option>
  					<option value=Ears>Ears</option>
  					<option value=Legs>Legs</option>
  					<option value=Hand>Hand</option>
  				</select>
  		    </div>
          </div> 
  
  		<p id="instructions">
              If appropriate Disease Site is not in the list above then provide appropriate Disease Site
          </p>
  
  		<div class="row">
  	        <div class="medical-label"> Disease Site </div>
  			<div class="value"> <input id="dis_site" type="text"/> </div>
  		</div>
  
  		<div class="row">
  	        <div class="medical-label"> Initial Diagnosis date </div>
  			<div class="value">  </div>
  		</div>
  
  		</chrome:division>
  
negative.code: <html>
  <head>
      <title>${tab.longTitle}</title>
  
  	<style type="text/css">
          .instructions { margin-left: 17.5em; }
      </style>
  
      <tags:stylesheetLink name="ae"/>
      <tags:includeScriptaculous/>
      <tags:dwrJavascriptLink objects="createAE"/>
      <script type="text/javascript">
  		
  		function chooseDisease(){
  				var term = document.getElementById('aeReport.diseaseHistory.studyDisease').value;
  				if(term == -1)
  				{
  					document.getElementById('aeReport.diseaseHistory.otherPrimaryDiseaseCode').disabled=false;
  				}
  				else {
  					document.getElementById('aeReport.diseaseHistory.otherPrimaryDiseaseCode').disabled=true;
  				}
  				
  		}
  
          var anatomicAutocompleterProps = {
              basename: "aeReport.diseaseHistory.anatomicSite",
              populator: function(autocompleter, text) {
                  createAE.matchAnatomicSite(text, function(values) {
                      autocompleter.setChoices(values)
                  })
              },
              valueSelector: function(obj) {
                  return obj.name
              }
          }
  
          function acPostSelect(mode, selectedChoice) {
              Element.update(mode.basename + "-selected-name", mode.valueSelector(selectedChoice))
              $(mode.basename).value = selectedChoice.id;
              $(mode.basename + '-selected').show()
              new Effect.Highlight(mode.basename + "-selected")
  			document.getElementById('aeReport.diseaseHistory.otherPrimaryDiseaseSiteCode').disabled=true;
          }
  
          function updateSelectedDisplay(mode) {
              if ($(mode.basename).value) {
                  Element.update(mode.basename + "-selected-name", $(mode.basename + "-input").value)
                  $(mode.basename + '-selected').show()
              } 
  			
          }
  
          function acCreate(mode) {
              new Autocompleter.DWR(mode.basename + "-input", mode.basename + "-choices",
                  mode.populator, {
                  valueSelector: mode.valueSelector,
                  afterUpdateElement: function(inputElement, selectedElement, selectedChoice) {
                      acPostSelect(mode, selectedChoice)
                  },
                  indicator: mode.basename + "-indicator"
              })
              Event.observe(mode.basename + "-clear", "click", function() {
                  $(mode.basename + "-selected").hide()
                  $(mode.basename).value = ""
                  $(mode.basename + "-input").value = ""
  				document.getElementById('aeReport.diseaseHistory.otherPrimaryDiseaseSiteCode').disabled=false;
              })
          }
  
          Event.observe(window, "load", function() {
              acCreate(anatomicAutocompleterProps)
              updateSelectedDisplay(anatomicAutocompleterProps)
              // Element.update("flow-next", "Continue &raquo;")
          })
  
      </script>
  </head>
  <body>
  