function cancelNote(id) {
  var form = document.getElementById('edit-' + id);
  var holder = document.getElementById('text-' + id);
  form.style.display = 'none';
  holder.style.display = 'block';
}

function editNote(id) {
  var form = document.getElementById('edit-' + id);
  var holder = document.getElementById('text-' + id);
  form.style.display = 'block';
  holder.style.display = 'none';
}

function saveNote(id) {
  var form = document.getElementById('edit-' + id);
  var holder = document.getElementById('text-' + id);

  var formObj = document.getElementById('noteUpdate-' + id);

  holder.firstChild.nodeValue = formObj.note.value;

  form.style.display = 'none';
  holder.style.display = 'block';

  httpRequest = getHttpRequest();
  httpRequest.open('POST', formObj.action, true);
  var boundaryString = 'AaB03x';
  var boundary = '--' + boundaryString;
  httpRequest.setRequestHeader("Content-Type", "multipart/form-data; boundary=" + boundaryString);
  var f = assembleFormData(boundary, formObj);

  httpRequest.send(f);
}

function deleteNote(id) {
  var form = document.getElementById('edit-' + id);
  var holder = document.getElementById('text-' + id);
  var div = document.getElementById('note-' + id);
  var formObj = document.getElementById('noteUpdate-' + id);
  if (confirm("Delete this note?")){
    form.style.display = 'none';
    holder.style.display = 'none';
    div.style.display = 'none';

    httpRequest = getHttpRequest();
    httpRequest.open('POST', "/servlet/remove_note", true);
    var boundaryString = 'AaB03x';
    var boundary = '--' + boundaryString;
    httpRequest.setRequestHeader("Content-Type", "multipart/form-data; boundary=" + boundaryString);
    var f = assembleFormData(boundary, formObj);

    httpRequest.send(f);
  }
}

function assembleFormData(b, form) {
  var str = b;
  str += "\n";
  for (var i = 0; i < form.elements.length; i++) {
    if (form.elements[i].name == '' || form.elements[i].value == '') {
      continue;
    }
    str += "Content-Disposition: form-data; name=\"";
    str += form.elements[i].name;
    str += "\"";
    str += "\n";
    str += "\n";
    str += form.elements[i].value;
    str += "\r\n";
    str += b;
    str += "\n";
  }
  return str;
}

function getHttpRequest() {
  try {
    req = new ActiveXObject("Msxml2.XMLHTTP");
  } catch (e) {
    try {
      req = new ActiveXObject("Microsoft.XMLHTTP");
    } catch (e2) {
      req = false;
    }
  }
  if (!req && typeof XMLHttpRequest != 'undefined') {
    req = new XMLHttpRequest();
  }
  return req;
}