anchor.diff:  		<div class="label"><fmt:message key="registration.primaryDiseaseSite"/></div>
   		<div class="value">
   			<form:input id="diseaseSite-input" path="studySubject.diseaseHistory.otherPrimaryDiseaseSiteCode" cssClass="autocomplete"/>
  -			<form:hidden id="diseaseSite-hidden" path="studySubject.diseaseHistory.anatomicSite"/>
  +			<form:hidden id="diseaseSite-hidden" path="studySubject.diseaseHistory.icd9DiseaseSite"/>
   			<tags:indicator id="diseaseSite-indicator"/>
   			<div id="diseaseSite-choices" class="autocomplete" style="display: none;"></div>
   			<tags:hoverHint keyProp="studySubject.diseaseSite"/>
  +			<tags:button size="small" type="button" color="blue" icon="add" value="Add Disease Site" id="addSingleDiseaseBtn" onclick="$('diseaseIndicator').show();catSel.showCategoryBox();"/>
  +			<img id="diseaseIndicator" src="<tags:imageUrl name="indicator.white.gif"/>" alt="Indicator" align="middle" style="display:none"/>
   		</div>
   	</div>
   	<div class="row">
  
positive.code: 	</div>
  <!-- MAIN BODY ENDS HERE -->
  </tags:formPanelBox>
  </c:otherwise>
  </c:choose>
  </body>
  
negative.code: 							}
  							return flag;
  						}
  
  var CategorySelector = Class.create();
  Object.extend(CategorySelector.prototype, {
  initialize: function() {
  	this.win = null;
      this.termList = new Array();
  },
  
  showWindow:function(wUrl, wTitle, wWidth, wHeight){
  	win = new Window({
          className:"alphacube",
          destroyOnClose:true,
          title:wTitle,
          width:wWidth,
          height:wHeight,
          recenterAuto:true,
          resizable: false,
          minimizable : false,
          maximizable: false,
      });
  	this.win = win;
  	win.setContent('chooseCategory');
      win.showCenter(true);
  },
  
  finishMultiTermsSelection:function() {
      var selectedDiseasTerms ='' ;
      var selectedTerms = $$('input.AddedTermXYZ');
      selectedTerms.each(function(el) {
          if (el.checked) {
          	selectedDiseasTerms = selectedDiseasTerms + el.value +',';
          }
      });
      catSel.addStudyDisease(selectedDiseasTerms);
      Windows.close(this.win.getId());
      catSel.termList = new Array();
      $('disease-subcategories').innerHTML = "";
      $('disease-added-terms').innerHTML = "";
      return;
  },
  
  addStudyDisease:function(selectedTerms){
  	 <tags:tabMethod method="addStudyDiseases" viewName="/study/asynchronous/study_disease_section" divElement="'studyDiseases'" formName="'tabMethodForm'" javaScriptParam="'selectedDiseaseTerms='+selectedTerms" onComplete="hideDiseaseIndicator"/> ;
  },
  
  cancelTermsSelection:function(){
  	Windows.close(this.win.getId());
  	terms.options.length=0;
  	categories.selectedIndex = -1;
  	hideDiseaseIndicator();
  },
  
  addLevel4DiseaseSites:function (id){
  	anatomicDiseaseSite.getLevel4DiseaseSiteCategories(id, function(diseaseTerms) {
      	diseaseTerms.each(function(diseaseTerm) {
            var termName = (diseaseTerm.ctepTerm.length > 30 ? diseaseTerm.ctepTerm.substring(0, 30) + "..." : diseaseTerm.ctepTerm);
            catSel.addLevel4Site("disease-added-terms", diseaseTerm.id, termName, diseaseTerm.ctepTerm);
          });
      });
  },
  
  addLevel4Site: function(ulID, termID, termText, title) {
      if (catSel.termList[termID]) {
          return;
      }
      ul = document.getElementById(ulID);
      
      checkbox = document.createElement("input");
      checkbox.type = 'checkbox';
      checkbox.name = termText;
      checkbox.defaultChecked = true;
      checkbox.value = termID;
      checkbox.id = "chkID" + termID;
      checkbox.setAttribute("id", "chk" + termID);
  
      a = document.createElement("a");
      a.appendChild(document.createTextNode(termText));
  
      a.id = "addedTerm" + termID;
      a.setAttribute("id", "addedTerm" + termID);
  
      a.setAttribute("title", title);
      a.title = title;
      
      li = document.createElement("li");
      li.appendChild(checkbox);
      li.appendChild(a);
      ul.appendChild(li)
  
      catSel.termList[termID] = true;
      $("liTerm" + termID).addClassName("term-disabled");
      $("addedTerm" + termID).addClassName("disease-added-terms");
      $("chk" + termID).addClassName("AddedTermXYZ");
  
  },
  
  showLevel1DiseaseSites: function(id){
      var selectedCategories = $$('a.disease-category-selected');
      selectedCategories.each(function(el) {
          el.removeClassName("disease-category-selected");
      });
  
      var selectedCategories = $$('li.li-category-selected');
      selectedCategories.each(function(el) {
          el.removeClassName("li-category-selected");
      });
  
      $("category_" + id).addClassName("disease-category-selected");
      $("li_" + id).addClassName("li-category-selected");
      $('disease-subcategories').innerHTML = "";
      $('disease-terms').innerHTML = "";
  	
      catId = id; 
      anatomicDiseaseSite.getLevel2DiseaseSiteCategories(catId, function(childCategories) {
          childCategories.each(function(childCategory) {
            var childCategoryName = (childCategory.name.length > 30 ? childCategory.name.substring(0, 30) + "..." : childCategory.name);
            catSel.showLevel3DiseaseSites("disease-level3Sites", childCategory.id, childCategoryName, childCategory.name);
       //     catSel.showDiseaseTerms("disease-subcategories", childCategory.id, childCategoryName, childCategory.name);
          })
      });
      return;
  },
  
  showLevel3DiseaseSites: function(id){
  	ul = document.getElementById(ulID);
      a = document.createElement("a");
      a.appendChild(document.createTextNode(ilText));
      a.setAttribute("onclick", "catSel.showDiseaseTermDetail('disease-terms', " + ilID + ", '" + ilText + "')");
      a.onclick = function() {
          eval("catSel.showDiseaseTermDetail('disease-terms', " + ilID + ", '" + ilText + "')");
      }
      a.setAttribute("id", "subcategory_" + ilID);
      a.id = "subcategory_" + ilID;
  
      a.setAttribute("title", title);
      a.title = title;
  
      li = document.createElement("li");
      li.setAttribute("id", "subcategoryli_" + ilID);
      li.id = "subcategoryli_" + ilID;
      li.appendChild(a);
      ul.appendChild(li);
  
  },
  
  showDiseaseTerms: function(ulID, ilID, ilText, title){
  	ul = document.getElementById(ulID);
      a = document.createElement("a");
      a.appendChild(document.createTextNode(ilText));
      a.setAttribute("onclick", "catSel.showDiseaseTermDetail('disease-terms', " + ilID + ", '" + ilText + "')");
      a.onclick = function() {
          eval("catSel.showDiseaseTermDetail('disease-terms', " + ilID + ", '" + ilText + "')");
      }
      a.setAttribute("id", "subcategory_" + ilID);
      a.id = "subcategory_" + ilID;
  
      a.setAttribute("title", title);
      a.title = title;
  
      li = document.createElement("li");
      li.setAttribute("id", "subcategoryli_" + ilID);
      li.id = "subcategoryli_" + ilID;
      li.appendChild(a);
      ul.appendChild(li);
  
  },
  
  showDiseaseTermDetail :function(ulID, ilID, ilText) {
  
  	var selectedSubcategories = $$('a.disease-subcategory-selected');
      selectedSubcategories.each(function(el) {
          el.removeClassName("disease-subcategory-selected");
      });
  
      var selectedSubcategories = $$('li.li-subcategory-selected');
      selectedSubcategories.each(function(el) {
          el.removeClassName("li-subcategory-selected");
      });
      
  	$("subcategory_" + ilID).addClassName("disease-subcategory-selected");
      $("subcategoryli_" + ilID).addClassName("li-subcategory-selected");
      $('disease-terms').innerHTML = "";
      
  	subCatId = ilID;
      StudyAjaxFacade.getDiseaseTerms(subCatId, function(diseaseTerms) {
      	diseaseTerms.each(function(diseaseTerm) {
            var termName = (diseaseTerm.ctepTerm.length > 30 ? diseaseTerm.ctepTerm.substring(0, 30) + "..." : diseaseTerm.ctepTerm);
            catSel.addLIToUL("disease-terms", diseaseTerm.id, termName, diseaseTerm.ctepTerm);
          })
      });
      catSel.addLIToUL("disease-terms", subCatId, 'Add All', 'Add All');
   },
  
  	addSingleDisease:function(){
  	diseaseTerm = $('diseaseTerm-hidden').value ;
  	catSel.addStudyDisease(diseaseTerm);
  	$('diseaseTerm-hidden').value='' ;
  	$('diseaseTerm-input').value='' ;
  },	
  
  addLIToUL: function(ulID, ilID, ilText, title) {
      ul = document.getElementById(ulID);
      a = document.createElement("a");
      a.appendChild(document.createTextNode(ilText));
  	if(ilText == 'Add All'){
  		a.setAttribute("onClick", "catSel.addLevel4DiseaseSites(" + ilID + ")");
          a.onclick = function() {
              eval("catSel.addLevel4DiseaseSites(" + ilID + ")");
          }
  	}else{
  		a.setAttribute("onClick", "catSel.addLevel4Site('disease-added-terms', " + ilID + ", '" + ilText + "', '" + title + "')");
          a.onclick = function() {
              eval("catSel.addLevel4Site('disease-added-terms', " + ilID + ", '" + ilText + "', '" + title + "')");
          }
  	}
      
  
      a.setAttribute("id", "liTerm" + ilID);
      a.id = "liTerm" + ilID;
  
      a.setAttribute("title", title);
      a.title = title;
      
      li = document.createElement("li");
      li.appendChild(a);
      ul.appendChild(li);
  
      $("liTerm" + ilID).addClassName("disease-category");
      if (catSel.termList[ilID]) {
          $("liTerm" + ilID).addClassName("term-disabled");
      }
  },
  	
  showCategoryBox:function(){
  			this.showWindow('', '', 1000, 580 );
  	}
  });
  
  function initalizeCategorySelector(){
  	catSel = new CategorySelector();
  }
  	
  initalizeCategorySelector();
  
  function deleteStudyDiseases(diseaseTerm){
  	 <tags:tabMethod method="deleteStudyDiseases" viewName="/study/asynchronous/study_disease_section" divElement="'studyDiseases'" formName="'tabMethodForm'" javaScriptParam="'diseaseTermId='+diseaseTerm" onComplete="hideDiseaseIndicator"/> ;
  }
  
  function hideDiseaseIndicator(){
  	$('diseaseIndicator').hide();
  }
  
  function hideDiseaseIndicator(){
  	$('diseaseIndicator').hide();
  }
  						
  </script>
  <style>
  