function ReserveArticle( ArticleID )
{
  var reserve = confirm( 'Please click okay to reserve this article.' );

  if( reserve )
    window.location = 'index.php?module=Articles&op=reserve&ArticleID=' + ArticleID;
}

function UnreserveArticle( ArticleID )
{
  var unreserve = confirm( 'Please click okay to unreserve this article.' );

  if( unreserve )
    window.location = 'index.php?module=Articles&op=unreserve&ArticleID=' + ArticleID;
}

function CancelEdit()
{
  var cancel = confirm( 'Are you sure you want to cancel your changes?\n\nAny changes made will NOT be saved.' );

  if( cancel )
    window.location = 'index.php?module=Articles&op=menu';
}

function ApproveReview( ArticleID )
{
  var approve = confirm( 'Submit article for approval?\n\nNote that you will no longer be able to make changes to your review once you submit it for approval.\n' );

  if( approve )
    window.location = 'index.php?module=Articles&op=approve&ArticleID=' + ArticleID;
}

function ToggleDiv( type )
{

  // First turn off all of the block elements
  document.getElementById( 'book' ).style.display = 'none';
  document.getElementById( 'dissertation' ).style.display = 'none';
  document.getElementById( 'electronic' ).style.display = 'none';
  document.getElementById( 'journal' ).style.display = 'none';
  document.getElementById( 'proceedings' ).style.display = 'none';

  // Turn on the block element that 
  if( type != 'none' )
    document.getElementById( type ).style.display = 'block';
}

function remove_study(elementid)
{
  var elem = document.getElementById(elementid);
  document.getElementById( 'Studies' ).removeChild(elem);
}

function AddStudy()
{
  // Initialize the HTML variable
  var HTML = '';

  // Determine the current length fo the Studies
  var NodeSize = document.getElementById( 'Studies' ).childNodes.length;

  // Create the new DIV section
  var newDiv = document.createElement("DIV");
  newDiv.id = 'New_' + NodeSize;

  // Append the new element to the document
  document.getElementById( 'Studies' ).appendChild(newDiv);

  // Format the new div layer appropriately
  document.getElementById( 'New_' + NodeSize ).style.paddingTop = '10px';
  document.getElementById( 'New_' + NodeSize ).style.paddingBottom = '10px';
  document.getElementById( 'New_' + NodeSize ).style.borderTop = '1px solid #c5c5c5';

  // Create the study table
  HTML += '<table>\n';
  HTML += '<tr>\n';
  HTML += '  <td align="right" valign="top">Study Type:</td>\n';
  HTML += '  <td>\n';
  HTML += '    <input type="hidden" name="Studies[New_' + NodeSize + ']" value="0" />';
  HTML += '    <select name="vc_StudyType[New_' + NodeSize + '][]" multiple style="border: 1px solid #c0c0c0;">\n';
  HTML += '      <option value="1">No Study</option>\n';
  HTML += '      <option value="2">Qualitative Video</option>\n'; 
  HTML += '      <option value="3">Curriculum Evaluation</option>\n';
  HTML += '      <option value="4">Teaching Experiment</option>\n';
  HTML += '      <option value="5">Design Study</option>\n';
  HTML += '      <option value="6">Classroom Interaction Study</option>\n';
  HTML += '      <option value="7">Interview Study</option>\n';
  HTML += '      <option value="8">Ethnography</option>\n';
  HTML += '      <option value="9">Comparative Study</option>\n';
  HTML += '      <option value="10">Randomized Field Trial</option>\n';
  HTML += '      <option value="11">Longitudinal</option>\n';
  HTML += '      <option value="12">Qualitative Audio</option>\n';
  HTML += '      <option value="13">Transcripts</option>\n';
  HTML += '      <option value="14">Mixed Methods</option>\n';
  HTML += '    </select>\n';
  HTML += '  </td>\n';
  HTML += '</tr>\n';
  HTML += '<tr>\n';
  HTML += '  <td align="right">Study Name:</td>\n';
  HTML += '  <td><input type="text" name="vc_StudyName[New_' + NodeSize + ']" style="width: 200px;" /></td>\n';
  HTML += '</tr>\n';
  HTML += '<tr>\n';
  HTML += '  <td align="right">Duration:</td>\n';
  HTML += '  <td><input type="text" name="dt_Duration[New_' + NodeSize + ']" style="width: 200px;" /></td>\n';
  HTML += '</tr>\n';
  HTML += '<tr>\n';
  HTML += '  <td align="right">Students Involved:</td>\n';
  HTML += '  <td><input type="text" name="int_Students[New_' + NodeSize + ']" style="width: 200px;" /></td>\n';
  HTML += '</tr>\n';
  HTML += '<tr>\n';
  HTML += '  <td align="right">Teachers Involved:</td>\n';
  HTML += '  <td><input type="text" name="int_Teachers[New_' + NodeSize + ']" style="width: 200px;" /></td>\n';
  HTML += '</tr>\n';
  HTML += '<tr>\n';
  HTML += '  <td align="right" valign="top">Grade(s):</td>\n';
  HTML += '  <td>\n';
  HTML += '    <select name="Grades[New_'+NodeSize+'][]" multiple style="border: 1px solid #c0c0c0;">\n';
  HTML += '      <option value="1">First Grade</option>\n';
  HTML += '      <option value="2">Second Grade</option>\n';
  HTML += '      <option value="3">Third Grade</option>\n';
  HTML += '      <option value="4">Fourth Grade</option>\n';
  HTML += '      <option value="5">Fifth Grade</option>\n';
  HTML += '      <option value="6">Sixth Grade</option>\n';
  HTML += '      <option value="7">Seventh Grade</option>\n';
  HTML += '      <option value="8">Eighth Grade</option>\n';
  HTML += '      <option value="9">Ninth Grade</option>\n';
  HTML += '      <option value="10">Tenth Grade</option>\n';
  HTML += '      <option value="11">Eleventh Grade</option>\n';
  HTML += '      <option value="12">Twelfth Grade</option>\n';
  HTML += '      <option value="13">PreSchool</option>\n';
  HTML += '      <option value="14">Kindergarten</option>\n';
  HTML += '      <option value="15">Teacher/Student Teacher</option>\n';
  HTML += '      <option value="16">College</option>\n';
  HTML += '    </select>\n';
  HTML += '  </td>\n';
  HTML += '</tr>\n';
  HTML += '<tr>\n';
  HTML += '  <td align="right" valign="top">&nbsp;</td>\n';
  HTML += '  <td align="left" valign="top">\n';
  HTML += '    <input type=\"button\" class=\"button\" onclick=\"remove_study(\'New_'+NodeSize+'\')\" value=\"Remove This Study\" style=\"cursor: hand;\" />';
  HTML += '  </td>\n';
  HTML += '</tr>\n';
  HTML += '</table>\n';

  // Add the table to the div
  document.getElementById( 'New_' + NodeSize ).innerHTML = HTML;

  document.getElementById( 'studybutton').innerHTML = '<input type="button" value="Add Another Study" onclick="AddStudy();" class="button" style="cursor: hand" />';
}