function addItem() {
     // Remember how many room fields have been added.
     if (!arguments.callee.fieldsAdded) {
          arguments.callee.fieldsAdded = 0;
     }
     arguments.callee.fieldsAdded++;
          
     // Make a big mess.
     var extraFieldContainer = document.getElementById('more-equipment');
     var fieldNum = arguments.callee.fieldsAdded;
     var newField = document.createElement('div');
          newField.setAttribute('id', 'container-' + fieldNum);
          newField.setAttribute('class', 'wrapper');
          newField.innerHTML = '<div class="checkbox-textfield-wrapper">' + 
               '<label for="' + fieldNum + '">Other: </label>' + 
               '<input type="text" id="' + fieldNum + '" name="equipment[]" />' +
               ' <a href="#" id="add-' + fieldNum + '" onClick="addItem();return false;">Add another</a> - ' + 
               '<a href="#" onClick="deleteItem(\'container-' + fieldNum + '\');return false">delete this</a>' + 
               '</div>';

     extraFieldContainer.appendChild(newField);
     document.getElementById(fieldNum).focus();
}
     
function deleteItem(fieldID) {
     var container = document.getElementById('more-equipment');
     var field = document.getElementById(fieldID);
     container.removeChild(field);
}

function showConfirmation() {
     var header = "You are about to submit an equipment request. " + 
                  "Make sure the information below is correct before you proceed.";
     var footer = "Click OK to submit this request or click Cancel to change it.";
     
     var form = document.forms[0];
     var instructorName  =    form.name.value;
     var phone           =    form.daytime_phone.value;
     var email           =    form.email.value;
     var courseName      =    form.course_name.value;
     var roomName        =    form.room_name.value;
     var dateNeeded      =    form.date_needed.value;
     var comments        =    form.comments.value;
     var equipment       =    '';
     
     var checkboxes = document.getElementById('default-equipment').getElementsByTagName('input');
     for (i=0;i<checkboxes.length;i++) {
          if (checkboxes[i].checked == true) {
               equipment += "\t" + checkboxes[i].id + "\n";
          }
     }
     
     var other = document.getElementById('more-equipment').getElementsByTagName('input');
     for (i=0;i<other.length;i++) {
          if (other[i].value != '') {
               equipment += "\t" + other[i].value + "\n";
          }
     }
     
     var confirmationText = header + "\n\n" +
          "Name:\t"                 +    instructorName +
          "\nPhone:\t"              +    phone          +
          "\nEmail:\t"              +    email          +
          "\n"                                          +
          "\nEquipment needed:\n"   +    equipment      +
          "\nCourse:\t\t"           +    courseName     +
          "\nRoom:\t\t"             +    roomName       +
          "\nDate needed:\t"        +    dateNeeded     +
          "\nComments:\t"           +    comments       +
          "\n\n" + footer + "\n";
     
     return confirm(confirmationText);
}

window.onload = function() {
     document.forms[0].onsubmit = function() {
          return showConfirmation();
     }
}