anchor.diff:  		    <input type="hidden" name="_siteChanged" id="_siteChanged" value="false">
   		</div>
   		<tags:errors path="*" />
  -
  -<chrome:division id="organization" title="Organization">
  -		<div class="leftpanel">
  -			<div class="row">
  -				<div class="label required-indicator">Organization:</div>
  -				<div class="value"><input type="hidden" id="healthcareSite-hidden"
  +		
  +
  + <chrome:division title="Organization" id="disease">
  +          Search for an Organization<br>
  +          <input type="hidden" id="healthcareSite-hidden"
   					name="healthcareSite" value="${command.healthcareSite.id}" /> <input
  -					id="healthcareSite-input" size="50" type="text" name="xyz"
  +					id="healthcareSite-input" size="60" type="text" name="xyz"
   					value="${command.healthcareSite.name}"
  -					class="autocomplete validate-notEmpty" /> <tags:indicator
  -					id="healthcareSite-indicator" />
  +					class="autocomplete validate-notEmpty" /> 
  +					<input type="button" id="healthcareSite-clear"
  +                        value="Clear"/>
  +					<tags:indicator	id="healthcareSite-indicator" />
   				<div id="healthcareSite-choices" class="autocomplete"></div>
  -				</div>
  -			</div>
  -		</div>
  -</chrome:division>
  -
  -<div align="right"><input id="viewGroups" type="button"
  -	value="View Groups" onclick="handleShowGroups()" /></div>
  -
  -<chrome:division id="groups" title="Groups">
  -
  -	<div id="groupsList">
  -		<table border="0" cellspacing="0" cellpadding="0" class="tablecontent" id="groupsTable"
  -			width="50%">
  -			<tr>
  -	            <th width="40%"scope="col" align="left">Name</th>
  -	            <th width="60%"scope="col" align="left">Description</th>
  -	        </tr>
  -			<c:forEach items="${command.healthcareSite.investigatorGroups}"
  -				var="treatmentEpoch" varStatus="treatmentEpochCount">
  -					<tr id="groupsTable-${treatmentEpochCount.index}">
  -						<td align="left"><form:input
  -							path="healthcareSite.investigatorGroups[${treatmentEpochCount.index}].name"
  -							size="41" cssClass="validate-notEmpty" /></td>
  -					</tr>
  -			</c:forEach>
  -		</table>
  -	</div>
  -		
  -		<div align="right"><input type="button" onclick="RowManager.addRow(instanceGroupRowInserterProps);" value="Add Group"/></div>
  -</chrome:division>
  -
  -<chrome:division title="Site Affiliations">
  -    <table border="0" id="table1" cellspacing="0">
  -    <tr>
  -	    <td width="51%" align="right">
  -	    </td>
  -   </tr>
  -        <tr>
  -            <td align="right"><span class="required-indicator"><b>Group:</b></span></td>
  -            <td align="left">
  -                <select id="site" name="site" onchange="javascript:chooseSites();">
  -                	<option value="">Please Select</option>
  -                    <c:forEach items="${command.healthcareSite.investigatorGroups}" var="group" varStatus="status">
  -                        <c:if test="${selected_site == status.index }">
  -                            <option selected="true" value=${status.index}>${group.name}</option>
  -                            <c:set var="selectedStudySite" value="${group.id}"></c:set>
  -                        </c:if>
  -                        <c:if test="${selected_site != status.index }">
  -                            <option value=${status.index}>${group.name}</option>
  -                        </c:if>
  -                    </c:forEach>
  -                </select>
  -            </td>
  -        </tr>
  -    </table>
  -      <input type="hidden" id="selectedStudySite" value="${selectedStudySite }"/>
  -      
  -      <div align="right"><input id="viewAffiliations" type="button"
  -	value="View Affiliations" onclick="handleShowSiteAffiliations()" /></div>
  -    <br>
  -    <hr>
  -    
  -    <div id="investigators">
  -     <table border="0" id="investigatorsTable" cellspacing="0" class="tablecontent">
  -        <tr>
  -            <th><span class="required-indicator">Investigator</span></th>
  -            <th><span class="required-indicator">Start Date</span></th>
  -            <th></th>
  -        </tr>
  -
  -       <c:forEach varStatus="status" var="studyInvestigator" items="${command.healthcareSite.investigatorGroups[selected_site].siteInvestigatorGroupAffiliations}">
  -            <tr id="investigatorsTable-${status.index}">
  -                <td>
  -                    <form:hidden id="investigator${status.index}-hidden"
  -                                 path="healthcareSite.investigatorGroups[${selected_site}].siteInvestigatorGroupAffiliations[${status.index}].healthcareSiteInvestigator"/>
  -                    <input class="autocomplete validate-notEmpty" type="text" id="investigator${status.index}-input" size="30"
  -                           value="${command.healthcareSite.investigatorGroups[selected_site].siteInvestigatorGroupAffiliations[status.index].healthcareSiteInvestigator.investigator.fullName}"/>
  -                    <input type="button" id="investigator${status.index}-clear" value="Clear"/>
  -                    <tags:indicator id="investigator${status.index}-indicator"/>
  -                    <div id="investigator${status.index}-choices" class="autocomplete"></div>
  -                </td>
  -                <td>
  -                    <form:input path="healthcareSite.investigatorGroups[${selected_site}].siteInvestigatorGroupAffiliations[${status.index}].startDate"
  -                                 cssClass="validate-notEmpty"/>
  -                    </td>
  -                <td>
  -                    <a href="javascript:RowManager.deleteRow(instanceRowInserterProps,${status.index},${studyInvestigator.hashCode});"><img
  -                            src="<tags:imageUrl name="checkno.gif"/>" border="0" alt="delete"></a></td>
  -            </tr>
  -        </c:forEach>
  -
  -    </table>
  -    </div>
  -    <div align="right">
  -        <input type="button" onclick="RowManager.addRow(instanceRowInserterProps);" value="Add Investigator"/>
  -    </div>
  -			
  -</chrome:division>
  -
  -</jsp:attribute>
  -</tags:tabForm></div>
  -
  -<div id="dummy-arm" style="display:none">
  -<table id="arm" class="tablecontent" width="50%">
  -	<tr>
  -		<td valign="top"><input type="hidden"
  -			id="investigatorPAGE.ROW.INDEXNESTED.PAGE.ROW.INDEX-hidden"
  -			name="healthcareSite.investigatorGroups[PAGE.ROW.INDEX].siteInvestigatorGroupAffiliations[NESTED.PAGE.ROW.INDEX].healthcareSiteInvestigator" />
  -		<input class="autocomplete validate-notEmpty" type="text"
  -			id="investigatorPAGE.ROW.INDEXNESTED.PAGE.ROW.INDEX-input" size="50"
  -			value="${command.healthcareSite.investigatorGroups[PAGE.ROW.INDEX].siteInvestigatorGroupAffiliations[NESTED.PAGE.ROW.INDEX].healthcareSiteInvestigator.investigator.fullName}" />
  -		<input type="button"
  -			id="investigatorPAGE.ROW.INDEXNESTED.PAGE.ROW.INDEX-clear"
  -			value="Clear" /> <tags:indicator
  -			id="investigatorPAGE.ROW.INDEXNESTED.PAGE.ROW.INDEX-indicator" />
  -		<div id="investigatorPAGE.ROW.INDEXNESTED.PAGE.ROW.INDEX-choices"
  -			class="autocomplete">
  -		</td>
  -	</tr>
  -</table>
  -</div>
  -
  - <div id="dummy-row" style="display:none;">
  -    <table width="50%" class="tablecontent">
  -        <tr  id="investigatorsTable-PAGE.ROW.INDEX">
  -            <td>
  -                <input type="hidden" id="investigatorPAGE.ROW.INDEX-hidden"
  -                        name="healthcareSite.investigatorGroups[${selected_site}].siteInvestigatorGroupAffiliations[PAGE.ROW.INDEX].healthcareSiteInvestigator"
  -                       value="healthcareSite.investigatorGroups[${selected_site}].siteInvestigatorGroupAffiliations[PAGE.ROW.INDEX].healthcareSiteInvestigator"/>
  -                <input class="autocomplete validate-notEmpty" type="text" id="investigatorPAGE.ROW.INDEX-input"
  -                       size="30"
  -                       value="${command.healthcareSite.investigatorGroups[selected_site].siteInvestigatorGroupAffiliations[PAGE.ROW.INDEX].healthcareSiteInvestigator.investigator.fullName}"/>
  -                <input type="button" id="investigatorPAGE.ROW.INDEX-clear"
  -                        value="Clear"/>
  -                   <tags:indicator id="investigatorPAGE.ROW.INDEX-indicator"/>
  -                  <div id="investigatorPAGE.ROW.INDEX-choices" class="autocomplete"></div>
  -            </td>
  -            <td>
  -                <input type="text" id="healthcareSite.investigatorGroups[${selected_site}].siteInvestigatorGroupAffiliations[PAGE.ROW.INDEX].startDate"
  -                        name="healthcareSite.investigatorGroups[${selected_site}].siteInvestigatorGroupAffiliations[PAGE.ROW.INDEX].startDate"
  -                        class="validate-notEmpty">
  -            </td>
  -            <td>
  -                <a href="javascript:RowManager.deleteRow(instanceRowInserterProps,PAGE.ROW.INDEX, -1);"><img
  -                        src="<tags:imageUrl name="checkno.gif"/>" border="0" alt="delete"></a></td> 
  -        </tr>
  -    </table>
  -</div> 
  -
  -<div id="dummy-group" style="display:none">
  -<table class="tablecontent" width="100%">
  -        <tr  id="groupsTable-PAGE.ROW.INDEX">
  -            <td width="20%">
  -                <input type="text" valign="top" id="healthcareSite.investigatorGroups[PAGE.ROW.INDEX].name" size="42"
  -                        name="healthcareSite.investigatorGroups[PAGE.ROW.INDEX].name"
  -                        class="validate-notEmpty">
  -            </td>
  -            <td>
  -                <textarea id="healthcareSite.investigatorGroups[PAGE.ROW.INDEX].descriptionText"
  -                        name="healthcareSite.investigatorGroups[PAGE.ROW.INDEX].descriptionText" rows="5" cols="40"></textarea>
  -            </td>
  -            <td>
  -                <a href="javascript:RowManager.deleteRow(instanceGroupRowInserterProps,PAGE.ROW.INDEX, -1);"><img
  -                        src="<tags:imageUrl name="checkno.gif"/>" border="0" alt="delete"></a></td>
  -        </tr>
  -    </table>
  -</div>
  +				 <p id="disease-selected" style="display: none"></p>
  +
  +          <br><br>Select a Group<br>
  +          <select multiple size="1" onmouseover="javascript:hover()" style="width:400px" id="disease-sub-category">
  +              <option value="">Please select a Group first</option>
  +          </select>
  +          
  +          <div align="right"><input type="button" value="Add Group" onclick="handleAddGroup()"/></div>
  +
  +      </chrome:division>
  +		
  +<div id="groupDisplay"/>
  +</tags:panelBox></div>
  +
   </body>
   </html>
   
  
positive.code: 
  <div id="main"><br />
  
  <tags:tabForm tab="${tab}" flow="${flow}" title="Investigator Groups"
  	formName="investigatorGroups">
  
  	<jsp:attribute name="singleFields">
  		<div>
  			<input type="hidden" name="_finish" value="true"> 
  			<input type="hidden" name="type1" value=""> 
  
negative.code:             afterUpdateElement: function(inputElement, selectedElement, selectedChoice) {
      								hiddenField=sponsorSiteAutocompleterProps.basename+"-hidden"
  	    							$(hiddenField).value=selectedChoice.id;
  	    							updateGroups(selectedChoice.id,"",false);
  			 }
          }
         
      var principalInvestigatorAutocompleterProps = {
              basename: "investigator",
              populator: function(autocompleter, text) {
                  OrganizationAjaxFacade.matchOrganizationInvestigatorsGivenOrganizationId(text,document.getElementById("healthcareSite-hidden").value, function(values) {
                      autocompleter.setChoices(values)
                  })
              },
  