anchor.diff:          })
       }
   
  +    function registerEditUserInfoLink() {
  +        var aElement = $('user-edit-link')
  +
  +        Event.observe(aElement, "click", function(e) {
  +            Event.stop(e)
  +            $('cancel-user-edit-link').style.display = 'inline';
  +            $('firstNameField').style.display = 'inline';
  +            $('middleNameField').style.display = 'inline';
  +            $('lastNameField').style.display = 'inline';
  +            $('userFirstName').hide()
  +            $('userMiddleName').hide()
  +            $('userLastName').hide()
  +            aElement.hide()
  +        })
  +    }
  +
  +    function undoUserEdit(){
  +        $('user-edit-link').style.display = 'inline';
  +        $('firstNameField').style.display = 'none';
  +        $('firstNameField').value= $('userFirstName').innerHTML
  +        $('middleNameField').value= $('userMiddleName').innerHTML
  +        $('lastNameField').value= $('userLastName').innerHTML
  +
  +        $('middleNameField').style.display = 'none';
  +        $('lastNameField').style.display = 'none';
  +        $('userFirstName').show()
  +        $('userMiddleName').show()
  +        $('userLastName').show()
  +        $('cancel-user-edit-link').hide()
  +    }
  +
  +    function registerCancelEditUserInfoLink() {
  +        var aElement = $('cancel-user-edit-link')
  +        Event.observe(aElement, "click", function(e) {
  +            Event.stop(e)
  +            undoUserEdit()
  +        })
  +    }
  +
  +
  +    function cancelButtonClick() {
  +        var aElement = $('submit')
  +        Event.observe(aElement, 'click', function(e){
  +            undoUserEdit()
  +        })
  +        
  +    }
  +
  +    Event.observe(window, "load", registerEditUserInfoLink);
  +    Event.observe(window, "load", registerCancelEditUserInfoLink);
       Event.observe(window, "load", registerEditPasswordLink);
       Event.observe(window, "load", registerCancelEditPasswordLink);
       Event.observe(window, "load", updateTable);
  +    Event.observe(window, "load", cancelButtonClick);
  +
  +
       </c:if>
   
       </script>
  
positive.code:             color:#0000cc;
              cursor:pointer;
              white-space:nowrap;
          }
  
      </style>
  
negative.code:                 <div class="submit">
                      <input type="submit"
                             value="<c:if test="${actionText=='Create'}">Create</c:if><c:if test="${actionText=='Edit'}">Save</c:if>"/>
                      <input type="submit" id="submit"
                             name="_cancel"
                             value="Cancel"/>
                  </div>
  