function validatesubmit () {
  vMissingData = 0

  if ($('#name').val() == "Enter Your Name"
      || $('#name').val() == "Name REQUIRED"
      || $('#name').val() == "") {
   vMissingData = 1;
   $('#name').val("Name REQUIRED");
   $('#name').css({'color' : 'red'});
   $('#name').addClass('imdim');
  }

  if ($('#email').val() == "Enter Your Email Address"
      || $('#email').val() == "Email REQUIRED"
      || $('#email').val() == "") {
   vMissingData = 1;
   $('#email').val("Email REQUIRED");
   $('#email').css({'color' : 'red'});
   $('#email').addClass('imdim');
  }

  if ($('#phone').val() == "Enter Your Phone Number"
      || $('#phone').val() == "Phone REQUIRED"
      || $('#phone').val() == "") {
   vMissingData = 1;
   $('#phone').val("Phone REQUIRED");
   $('#phone').css({'color' : 'red'});
   $('#phone').addClass('imdim');
  }

  if ($('#numberofpassengers').val() == "# of passengers"
      || $('#numberofpassengers').val() == "REQUIRED"
      || $('#numberofpassengers').val() == "") {
   vMissingData = 1;
   $('#numberofpassengers').val("REQUIRED");
   $('#numberofpassengers').css({'color' : 'red'});
   $('#numberofpassengers').addClass('imdim');
  }

  if (vMissingData > 0) {
   alert("The system cannot proceed with out required information.");
  } else {
   document.forms[0].submit();
  }

}

function cleardimtext(element, newClassName) {
 if(element.className != null && element.className.indexOf("imdim") > 0) {
  element.className = newClassName;
  element.value = "";
  $('#' + element.id).css({'color' : '#000000'});
 }
}

function removeFormField(id, id2, id3) {
 $(id).remove();
 $(id2).remove();
 $(id3).remove();
}

function removeAllMulti(vEnd) {
 $('#multitop').remove();

 for (i=0;i<=vEnd;i++) {
  $('#multi' + i).remove();
  $('#multiremove' + i).remove();
  $('#multibreak' + i).remove();
  $('#addbutton').remove();
  $('#idgen').val(1);
 }
}

function modit(vFlightType, vLoopy, vElement) {
 vHourOptions = '<option>12:00 A.M.</option><option>12:30 A.M.</option><option>01:00 A.M.</option><option>01:30 A.M.</option><option>02:00 A.M.</option><option>02:30 A.M.</option><option>03:00 A.M.</option><option>03:30 A.M.</option><option>04:00 A.M.</option><option>04:30 A.M.</option><option>05:00 A.M.</option><option>05:30 A.M.</option><option>06:00 A.M.</option><option>06:30 A.M.</option><option>07:00 A.M.</option><option>07:30 A.M.</option><option>08:00 A.M.</option><option>08:30 A.M.</option><option>09:00 A.M.</option><option>09:30 A.M.</option><option>10:00 A.M.</option><option>10:30 A.M.</option><option>11:00 A.M.</option><option>11:30 A.M.</option><option>12:00 P.M.</option><option>12:30 P.M.</option><option>01:00 P.M.</option><option>01:30 P.M.</option><option>02:00 P.M.</option><option>02:30 P.M.</option><option>03:00 P.M.</option><option>03:30 P.M.</option><option>04:00 P.M.</option><option>04:30 P.M.</option><option>05:00 P.M.</option><option>05:30 P.M.</option><option>06:00 P.M.</option><option>06:30 P.M.</option><option>07:00 P.M.</option><option>07:30 P.M.</option><option>08:00 P.M.</option><option>08:30 P.M.</option><option>09:00 P.M.</option><option>09:30 P.M.</option><option>10:00 P.M.</option><option>10:30 P.M.</option><option>11:00 P.M.</option><option>11:30 P.M.</option>';

 vDepartElements = '<tr id="departdates01">\
    <td class="fplabel">Leaving From:</td>\
    <td class="smallsep">&nbsp;</td>\
    <td><input type="text" name="leavingfrom" id="leavingfrom"/></td>\
    <td class="largesep">&nbsp;</td>\
    <td class="fplabel">Going To:</td>\
    <td class="smallsep">&nbsp;</td>\
    <td><input type="text" name="goingto" id="goingto"/></td>\
   </tr>\
   <tr id="departdates02">\
    <td class="fplabel">Departure Date:</td>\
    <td class="smallsep">&nbsp;</td>\
    <td><input type="text" name="departdate" id="departdate" class="datepick"/></td>\
    <td class="largesep">&nbsp;</td>\
    <td class="fplabel">Departure Time:</td>\
    <td class="smallsep">&nbsp;</td>\
    <td><select name="departtime" id="departtime">' + vHourOptions + '</select></td>\
    <script type="text/javascript">\
     $(function(){$(\'#departdate\').datepick({showOn: \'both\', buttonImageOnly: true, buttonImage: \'/files/calendar.gif\'}) });\
    </script>\
   </tr>';


 vReturnElements = '<tr id="returndates">\
    <td class="fplabel">Return Date:</td>\
    <td class="smallsep">&nbsp;</td>\
    <td><input type="text" name="returndate" id="returndate" class="datepick"/>\
    <td class="largesep">&nbsp;</td>\
    <td class="fplabel">Return Time:</td>\
    <td class="smallsep">&nbsp;</td>\
    <td><select name="returntime" id="returntime">' + vHourOptions + '</select></td>\
    <script type="text/javascript">\
     $(function(){$(\'#returndate\').datepick({showOn: \'both\', buttonImageOnly: true, buttonImage: \'/files/calendar.gif\'}) });\
    </script>\
   </tr>';



 $('#departdates01').remove();
 $('#departdates02').remove();
 $('#returndates').remove();
 
 changestatus(vElement, 1);

 var vId = document.getElementById("idgen").value;

 switch (vFlightType) {
  case 'roundtrip':
   removeAllMulti(vId);
   $('#lineup').append(vDepartElements);
   $('#lineup').highlightFade({speed:1000, color:'#8886d2', iterator:'sinusoidal'});

   $('#lineup').append(vReturnElements);
   $('#lineup').highlightFade({speed:1000, color:'#8886d2', iterator:'sinusoidal'});
   break;
  case 'oneway':
   removeAllMulti(vId);
   $('#lineup').append(vDepartElements);

   $('#lineup').highlightFade({speed:1000, color:'#8886d2', iterator:'sinusoidal'});
   break;
  case 'multileg':
   $('#addbutton').remove();

   if (vId > 1) {
    vIdTop = (vId * 1);
   } else {
    if (vLoopy == "info") {
     vLoopy = 3;
    }

    vIdTop = (vLoopy * 1) + (vId * 1);
   }

    vMultiLegTop = '<tr id="multitop">\
   <td class="multihead">From</td>\
   <td class="multihead">To</td>\
   <td class="multihead">Type</td>\
   <td class="multihead">Date</td>\
   <td class="multihead">Time</td>\
   <td class="multihead"></td>\
  </tr>';

   if (! $('#multitop').val() && $('#multitop').val() != "") {
    $('#lineup').append(vMultiLegTop);
    $('#lineup').highlightFade({speed:1000, color:'#8886d2', iterator:'sinusoidal'});
   }

   for (i=vId;i<=vIdTop;i++) {
    vMultiLeg = '<tr id="multi' + i + '">\
   <td><input type="text" name="multifrom' + i + '" id="multifrom' + i + '" /></td>\
   <td><input type="text" name="multito' + i + '" id="multito' + i + '" /></td>\
   <td><select name="multitype' + i + '" id="multitype' + i + '"><option>Depart</option><option>Arrive</option></select></td>\
   <td><input type="text" name="multidate' + i + '" id="multidate' + i + '" class="datepick fixdatepick"></td>\
   <td><select name="multitime' + i + '" id="multitime' + i + '">' + vHourOptions + '</select></td>\
   <td><div id="multiremove' + i + '" class="multidelete" onclick="removeFormField(\'#multi' + i + ', #multiremove' + i + ', #multibreak' + i + '\'); return false;">Remove Leg</div></td>\
  <script type="text/javascript">$(function(){$(\'#multidate' + i + '\').datepick({showOn: \'both\', buttonImageOnly: true, buttonImage: \'/files/calendar.gif\'}) });</script>\
  </tr>';


    $('#lineup').append(vMultiLeg);
   $('#lineup').highlightFade({speed:1000, color:'#8886d2', iterator:'sinusoidal'});
   }

   $('#lineup').append('<tr><td><div id="addbutton" onclick="modit(\'multileg\', 2);">Add Another Leg</div></td></tr>');

   document.getElementById("idgen").value = i;

   break;
 }

}


