var tabindex = 0;

function form_text_line(name, label, size, maxlen, required){
   tabindex++;
   document.write('<tr>');
   document.write('<td class="form">'+label+'&nbsp;</td>');
   document.write('<td class="form">');
   document.write('<input type="text"');
   document.write(' name="' + name + '"');
   document.write(' style="width:' + size + 'px; height: 22px;"');
   document.write(' tabindex="' + tabindex + '"');
   document.write(' maxlength="' + maxlen + '"');
   document.write(  required?" required":"");
   document.write(' />');
   document.write('</td>');
   document.write('</tr>');
}

function form_text_password(name, label, size, maxlen, required){
   tabindex++;
   document.write('<tr>');
   document.write('<td class="form" colspan="2">'+label + '&nbsp;');
   document.write('<input type="password"');
   document.write(' name="' + name + '"');
   document.write(' style="width:' + size + 'px; height: 22px;"');
   document.write(' tabindex="' + tabindex + '"');
   document.write(' maxlength="' + maxlen + '"');
   document.write(  required?" required":"");
   document.write(' />');
   document.write('</td>');
   document.write('</tr>');
}

function form_text_label(label) {
   document.write('<tr>');
   document.write('<td class="form" colspan="2">' + label + '</td>');
   document.write('</tr>');
}

function form_text_table(label1,label2) {
   document.write('<tr>');
   document.write('<td class="form">' + label1 + '</td>');
   document.write('<td class="form">' + label2 + '</td>');
   document.write('</tr>');
}

function form_text_input(name, size, maxlen, required) {
   tabindex++;
   document.write('<tr>');
   document.write('<td class="form" colspan="2">');
   document.write('<input type="text"');
   document.write(' name="' + name + '"');
   document.write(' style="width:' + size + 'px; height: 22px;"');
   document.write(' tabindex="' + tabindex + '"');
   document.write(' maxlength="' + maxlen + '"');
   document.write(  required ? " required" : "");
   document.write(' />');
   document.write('</td>');
   document.write('</tr>');
}

function form_text_area(name, rows, size, required) {
   tabindex++;
   document.write('<tr>');
   document.write('<td class="form" colspan="2">');
   document.write('<textarea');
   document.write(' rows="' + rows + '"');
   document.write(' name="' + name + '"');
   document.write(' cols="78"');
   document.write(' style="width:' + size + 'px;"');
   document.write(' tabindex="' + tabindex + '"');
   document.write(' maxlength="512"');
   document.write(  required ? " required" : "");
   document.write(' >');
   document.write('</textarea>');
   document.write('</td>');
   document.write('</tr>');
}

function form_phone_digit(name, label, required) {
   document.write('<tr>');
   document.write('<td class="form">' + label + '&nbsp;</td>');
   document.write('<td class="form">');
   var key = new Array('_Area', '_Prefix', '_Last');
   for (var i = 0; i < 3; i++) {
      tabindex++;
      var size=3+(i>1?1:0);
      document.write('<input type="text"');
      document.write(' name="' + name + key[i] + '"');
      document.write(' style="width:' + size*16 + 'px; height: 22px; text-align: center;"');
      document.write(' tabindex="' + tabindex + '"');
      document.write(' maxlength="' + size + '"');
      document.write(' minlength="' + size + '"');
      document.write(' letters="digits"');
      document.write(required ? " required" : "");
      document.write(' />');
      if (i < 2) { document.write('-') };
   }

   document.write('</td>');
   document.write('</tr>');
}

function form_check_box(name,label1,label2,checked){
   tabindex++;
   document.write('<tr>');
   document.write('<td class="form" colspan="2">');
   if (label1.length>0) {document.write( label1 + '&nbsp;');}
   document.write('<input type="checkbox"');
   document.write(' name="' + name + '"');
   document.write(' value="Checked"');
   document.write(' tabindex="' + tabindex + '"');
   document.write(  checked ? ' checked="checked"':'');
   document.write(' />');
   if (label2.length>0) {document.write('&nbsp;' + label2);}
   document.write('</td>');
   document.write('</tr>');
}

function form_blank_line(){
   document.write('<tr><td>&nbsp;</td><td>&nbsp;</td></tr>');
}

function form_select_count(name, label1, label2, ibeg, iend, required) {
   tabindex++;
   document.write('<tr>');
   document.write('<td class="form" colspan="2">');
   if (label1.length>0) {document.write( label1 + '&nbsp;');}
   document.write('<select size="1"');
   document.write(' name="' + name + '"');
   document.write(' tabindex="' + tabindex + '"');
   document.write(required ? " required" : "");
   document.write(' >');
   if (required) { document.write('<option></option>'); }
   for (var i = ibeg; i <= iend; i++) {
      document.write('<option>' + i + '</option>');
   }
   document.write('</select>');
   if (label2.length>0) {document.write('&nbsp;' + label2);}
   document.write('</td>');
   document.write('</tr>');
}

function form_pull_down(name, label, opt, val, required) {
   tabindex++;
   document.write('<tr>');
   document.write('<td class="form">');
   document.write(label);
   document.write('&nbsp;</td>');
   document.write('<td class="form">');
   document.write('<select size="1"');
   document.write(' name="' + name + '"');
   document.write(' tabindex="' + tabindex + '"');
   document.write(required ? " required" : "");
   document.write(' >');
   if (required) { document.write('<option></option>'); }
   for (var i = 0; i < opt.length; i++) {
      document.write('<option value="' + val[i] + '">' + opt[i] + '</option>');
   }
   document.write('</select>');
   document.write('</td>');
   document.write('</tr>');
}

function form_submit(label){
   tabindex++;
   document.write('<tr>');
   document.write('<td colspan="2" align="center">');
   document.write('<input type="submit"');
   document.write(' value="'+label+'"');
   document.write(' name="Submit"');
   document.write(' style="color: #FF0000; font-family: Veranda; font-size: 14pt"');
   document.write(' tabindex="'+tabindex+'"');
   document.write(' />');
   document.write('</td>');
   document.write('</tr>');
}

function form_validation() {

   okay = true;

   for (var iform = 0; iform < document.forms.length; iform++) {
      var form = document.forms[iform];

      for (var id = 0; id < form.elements.length; id++) {
         var item = form.elements[id];
         if (("text" == item.type || "textarea" == item.type || "select-one" == item.type || "password" == item.type) && null != item.getAttribute("required")) {
            var value = item.value;
            while (value.length > 0 && value.substring(0, 1) == ' ') {
               item.value = (value == ' ') ? '' : value.substring(1, value.length);
               value = item.value;
            }
            item.className = "valid";
            if (item.type == "select-one") {
               if (item.selectedIndex < 1) {
                  item.className = "invalid";
                  okay = false;
               }
            }
            else if (item.value.length == 0) {
               item.className = "invalid";
               okay = false;
            }
            if (item.value.length > 0 && null != item.getAttribute("minlength")) {
               if (item.value.length < item.getAttribute("minlength")) {
                  item.className = "invalid";
                  okay = false;
               }
            }
            if (item.value.length > 0 && 'digits' == item.getAttribute("letters")) {
               for (var ichar=0; ichar<item.value.length; ichar++){
                  if ("0123456789".indexOf(item.value.charAt(ichar)) < 0){
                     item.className = "invalid";
                     okay = false;
                  }
               }
            }
         }
      }
   }

   document.getElementById('warning_top').style.visibility = okay ? "hidden" : "visible";
   document.getElementById('warning_bot').style.visibility = okay ? "hidden" : "visible";

   return okay;
}

function form_init(perl) {
   document.write('<p id="warning_top" class="text16" style="color: red; visibility: hidden; margin:0 0 0 0; text-align: center; ">Please correct or enter values in highlighted areas.</p>');
   document.write('<form name="form_input" method="POST" action="../cgi-bin/'+perl+'" onsubmit="return form_validation()" >');
   document.write('<table style="margin:0 0 0 0;">');
}