anchor.diff:  	   	    if(bsa > 0) Element.update($('bsa-value'), bsa.toFixed(2));
   	   	  });
   	   }
  +
  +
  +	   function showShowAllTable(baseName){
  +		   var parameterMap = getParameterMap('command');;
  +		   	if(baseName == 'metastaticDiseaseSite' || baseName == 'aeReport.diseaseHistory.codedPrimaryDiseaseSite'){
  +			   createAE.buildAnatomicSiteTable(parameterMap,baseName,function(table){
  +					$('showAllDropDownContent').innerHTML = table;
  +					$('showAllDropDown').show();
  +			   });
  +			}else{
  +				createAE.buildChemoAgentsTable(parameterMap,baseName,function(table){
  +					$('showAllDropDownContent').innerHTML = table;
  +					$('showAllDropDown').show();
  +				});
  +		    }
  +		   
  +			
  +	   }
  +	   
  +	   function fillDiseaseSiteAutoCompletor(val,baseName, text){
  +		    $(baseName).value = val;
  +		    $(baseName+ "-input").value = text;
  +		    $(baseName+ "-input").removeClassName('pending-search');
  +		   hideShowAllTable();
  +	   }
  +
  +	   function fillChemoAgentAutoCompletor(val, baseName, text){
  +		    $(baseName).value = val;
  +		    $(baseName+ "-input").value = text;
  +		    $(baseName+ "-input").removeClassName('pending-search');
  +		   hideShowAllTable();
  +		   
  +	   }
  +	   
  +	   function hideShowAllTable(){
  +		  $('showAllDropDown').hide();
  +	   }
  +	   
   	</script>
   </head>
   <body>
  +
   <form:form id="command">	
  +
  +<div id="showAllDropDown" style="position: absolute; display: none; left: 300px; width:300px; z-index:99;">
  +	<table width="100%" class="eXtremeTable" frame="border" border-color="blue" bgcolor="white">
  +			<tbody>
  +			<tr class="titleRow">
  +			  <td align="left" class="title">Select the primary site of disease:</td><td width="20px"><a href="javascript:hideShowAllTable()">
  +			       <img src="/caaers/images/rule/window-close.gif" id="close-image"/>
  +			      </a></td>
  +			</tr>
  +			<tr>
  +			<td colspan="2">
  +			        <div id="showAllDropDownContent"  />
  +
  +			</td>
  +			</tr>
  +			</tbody>
  +			</table>
  +</div>
   	<tags:tabFields tab="${tab}" />
   	<tags:hasErrorsMessage />
   	<chrome:box id="aeReport.participantHistory" title="General" collapsable="true">
  
positive.code: 						</jsp:attribute>
  					</ui:autocompleter>
                      &nbsp;
                      <input id="metastatic-diseases-btn" type="button" value="Add"/>
                  </td>
  				
  
negative.code: 		</div>
  	</chrome:box>
  
  	<a name="anchorMetastaticDiseasesSection" />
  	<chrome:box id="aeReport.diseaseHistory.metastaticDiseaseSites" title="Metastatic Disease Site" collapsable="true">
  		<tags:hasErrorsMessage path="aeReport.diseaseHistory.metastaticDiseaseSites.*" />
  		<tags:hasErrorsMessage path="metastaticDiseaseSite" />
  