anchor.diff:                  <a id="newActivityLink" href="<c:url value="/pages/newActivity?returnToPeriodId=${period.id}"/>">Create new activity</a> <span id="new-activities-link-separator">or</span>
                   <a id="importActivitiesLink" href="<c:url value="/pages/cal/import/activities?returnToPeriodId=${period.id}"/>">Import activities from xml</a>
                </div>
  -             <div id="activities-autocompleter-div" class="autocomplete"></div>
   
                <input align="right" type="button" name="action" value="Return to template" onclick="location.href='<c:url value="/pages/cal/template?studySegment=${studySegment.id}&study=${study.id}&amendment=${study.developmentAmendment.id}"/>'" />
           </form:form>
  
positive.code:                     <c:forEach items="${activityTypes}" var="activityType"><option value="${activityType.id}" <c:if test="${selectedActivity.type.id == activityType.id}">selected="selected"</c:if>>${activityType.name}</option></c:forEach>
                  </select>
                  <input id="activities-autocompleter-input" type="text" autocomplete="off"/>
  
                  <input type="hidden" id="add-activity"/>
  
  
negative.code:     Droppables.add( $('deleteDrop'), {accept:'marker',hoverclass: 'hoverActive',onDrop:deleteEvent})
  }
  
  function resetActivitiesAutocompleter() {
      activitiesAutocompleter.reset();
      $('add-activity').name="";
      $('add-activity').value="";
  }
  
  function createAutocompleter() {
      activitiesAutocompleter = new Ajax.RevertableAutocompleter('activities-autocompleter-input','activities-autocompleter-div','<c:url value="/pages/cal/search/activities"/>',
      { method: 'get', paramName: 'searchText', callback: addAdditionalParameters, afterUpdateElement:updateActivity, revertOnEsc:true});
  }
  
  