// JavaScript Document
// ----------------------------------------------------------------------
// Javascript form validation routines.
// Author: Stephen Poley
//
// Simple routines to quickly pick up obvious typos.
// All validation routines return true if executed by an older browser:
// in this case validation must be left to the server.
//
// Update Aug 2004: have tested that IE 5.0 and IE 5.5 both support DOM model
// sufficiently well, so innerHTML option removed (redundant).
//
// Update Jun 2005: discovered that reason IE wasn't setting focus was
// due to an IE timing bug. Added 0.1 sec delay to fix.
//
// Update Oct 2005: minor tidy-up: unused parameter removed
// ----------------------------------------------------------------------

var nbsp = 160;    // non-breaking space char
var node_text = 3; // DOM text node-type
var emptyString = /^\s*$/
var glb_vfld;      // retain vfld for timer thread

// -----------------------------------------
//                  trim
// Trim leading/trailing whitespace off string
// -----------------------------------------

function trim(str)
{
  return str.replace(/^\s+|\s+$/g, '')
};


// -----------------------------------------
//                  setfocus
// Delayed focus setting to get around IE bug
// -----------------------------------------

function setFocusDelayed()
{
  glb_vfld.focus()
}

function setfocus(vfld)
{
  // save vfld in global variable so value retained when routine exits
  glb_vfld = vfld;
  setTimeout( 'setFocusDelayed()', 100 );
}


// -----------------------------------------
//                  msg
// Display warn/error message in HTML element
// commonCheck routine must have previously been called
// -----------------------------------------

function msg(fld,     // id of element to display message in
             msgtype, // class to give element ("warn" or "error")
             message) // string to display
{
  // setting an empty string can give problems if later set to a 
  // non-empty string, so ensure a space present. (For Mozilla and Opera one could 
  // simply use a space, but IE demands something more, like a non-breaking space.)
  var dispmessage;
  if (emptyString.test(message)) 
    dispmessage = String.fromCharCode(nbsp);    
  else  
    dispmessage = message;

  var elem = document.getElementById(fld);
  elem.firstChild.nodeValue = dispmessage;  
  
  elem.className = msgtype;   // set the CSS class to adjust appearance of message
};

// -----------------------------------------
//            commonCheck
// Common code for all validation routines to:
// (a) check for older / less-equipped browsers
// (b) check if empty fields are required
// Returns true (validation passed), 
//         false (validation failed) or 
//         proceed (don't know yet)
// -----------------------------------------

var proceed = 2;  

function commonCheck    (vfld,   // element to be validated
                         ifld,   // id of element to receive info/error msg
                         reqd)   // true if required
{
  if (!document.getElementById) 
    return true;  // not available on this browser - leave validation to the server
  var elem = document.getElementById(ifld);
  if (!elem.firstChild)
    return true;  // not available on this browser 
  if (elem.firstChild.nodeType != node_text)
    return true;  // ifld is wrong type of node  

  if (emptyString.test(vfld.value)) {
    if (reqd) {
      msg (ifld, "error", "The field above is required");  
      setfocus(vfld);
      return false;
    }
    else {
      msg (ifld, "warn", " ");   // OK
      return true;  
    }
  }
  return proceed;
}

// -----------------------------------------
//            validatePresent
// Validate if something has been entered
// Returns true if so 
// -----------------------------------------

function validatePresent(vfld,   // element to be validated
                         ifld )  // id of element to receive info/error msg
{
  var stat = commonCheck (vfld, ifld, true);
  if (stat != proceed) return stat;

  msg (ifld, "warn", "");  
  return true;
};

// -----------------------------------------
//               validateEmail
// Validate if e-mail address
// Returns true if so (and also if could not be executed because of old browser)
// -----------------------------------------

function validateEmail  (vfld,   // element to be validated
                         ifld,   // id of element to receive info/error msg
                         reqd)   // true if required
{
  var stat = commonCheck (vfld, ifld, reqd);
  if (stat != proceed) return stat;

  var tfld = trim(vfld.value);  // value of field with whitespace trimmed off
  var email = /^[^@]+@[^@.]+\.[^@]*\w\w$/
  if (!email.test(tfld)) {
    msg (ifld, "error", "ERROR: not a valid e-mail address");
    setfocus(vfld);
    return false;
  }

  var email2 = /^[A-Za-z][\w.-]+@\w[\w.-]+\.[\w.-]*[A-Za-z][A-Za-z]$/
  if (!email2.test(tfld)) 
    msg (ifld, "warn", "Unusual e-mail address - check if correct");
  else
    msg (ifld, "warn", "");
  return true;
};


// -----------------------------------------
//            validateTelnr
// Validate telephone number
// Returns true if so (and also if could not be executed because of old browser)
// Permits spaces, hyphens, brackets and leading +
// -----------------------------------------

function validateTelnr  (vfld,   // element to be validated
                         ifld,   // id of element to receive info/error msg
                         reqd)   // true if required
{
  var stat = commonCheck (vfld, ifld, reqd);
  if (stat != proceed) return stat;

  var tfld = trim(vfld.value);  // value of field with whitespace trimmed off
  var telnr = /^\+?[0-9 ()-]+[0-9]$/
  if (!telnr.test(tfld)) {
    msg (ifld, "error", "ERROR: not a valid telephone number. Characters permitted are digits, space ()- and leading +");
    setfocus(vfld);
    return false;
  }

  var numdigits = 0;
  for (var j=0; j<tfld.length; j++)
    if (tfld.charAt(j)>='0' && tfld.charAt(j)<='9') numdigits++;

  if (numdigits<6) {
    msg (ifld, "error", "ERROR: " + numdigits + " digits - too short");
    setfocus(vfld);
    return false;
  }

  if (numdigits>14)
    msg (ifld, "warn", numdigits + " digits - check if correct");
  else { 
    if (numdigits<10)
      msg (ifld, "warn", "Only " + numdigits + " digits - check if correct");
    else
      msg (ifld, "warn", "");
  }
  return true;
};

// -----------------------------------------
//             validateAge
// Validate person's age
// Returns true if OK 
// -----------------------------------------

function validateAge    (vfld,   // element to be validated
                         ifld,   // id of element to receive info/error msg
                         reqd)   // true if required
{
  var stat = commonCheck (vfld, ifld, reqd);
  if (stat != proceed) return stat;

  var tfld = trim(vfld.value);
  var ageRE = /^[0-9]{1,3}$/
  if (!ageRE.test(tfld)) {
    msg (ifld, "error", "ERROR: not a valid age");
    setfocus(vfld);
    return false;
  }

  if (tfld>=200) {
    msg (ifld, "error", "ERROR: not a valid age");
    setfocus(vfld);
    return false;
  }

  if (tfld>110) msg (ifld, "warn", "Older than 110: check correct");
  else {
    if (tfld<7) msg (ifld, "warn", "Bit young for this, aren't you?");
    else        msg (ifld, "warn", "");
  }
  return true;
};


// Putting State filtering in here for now -- so I don't have to write it twice
function StateOption (value, display) {
	this.value = value;
	this.display = display;
}
StateOption.prototype.toString = function() {
	return "<option value=\"" + this.value + "\">" + this.display + "</option>";
}


var states = new Array();
states[states.length] = new StateOption("","");
states[states.length] = new StateOption("AL","Alabama");
states[states.length] = new StateOption("AK","Alaska");
states[states.length] = new StateOption("AZ","Arizona");
states[states.length] = new StateOption("AK","Arkansas");
states[states.length] = new StateOption("CA","California");
states[states.length] = new StateOption("CO","Colorado");
states[states.length] = new StateOption("CT","Connecticut");
states[states.length] = new StateOption("DE","Delaware");
states[states.length] = new StateOption("DC","D.C.");
states[states.length] = new StateOption("FL","Florida");
states[states.length] = new StateOption("GA","Georgia");
states[states.length] = new StateOption("HI","Hawaii");
states[states.length] = new StateOption("ID","Idaho");
states[states.length] = new StateOption("IL","Illinois");
states[states.length] = new StateOption("IN","Indiana");
states[states.length] = new StateOption("IA","Iowa");
states[states.length] = new StateOption("KS","Kansas");
states[states.length] = new StateOption("KY","Kentucky");
states[states.length] = new StateOption("LA","Louisiana");
states[states.length] = new StateOption("ME","Maine");
states[states.length] = new StateOption("MD","Maryland");
states[states.length] = new StateOption("MA","Massachusetts");
states[states.length] = new StateOption("MI","Michigan");
states[states.length] = new StateOption("MN","Minnesota");
states[states.length] = new StateOption("MS","Mississippi");
states[states.length] = new StateOption("MO","Missouri");
states[states.length] = new StateOption("MT","Montana");
states[states.length] = new StateOption("NE","Nebraska");
states[states.length] = new StateOption("NV","Nevada");
states[states.length] = new StateOption("NH","New Hampshire");
states[states.length] = new StateOption("NJ","New Jersey");
states[states.length] = new StateOption("NM","New Mexico");
states[states.length] = new StateOption("NY","New York");
states[states.length] = new StateOption("NC","North Carolina");
states[states.length] = new StateOption("ND","North Dakota");
states[states.length] = new StateOption("OH","Ohio");
states[states.length] = new StateOption("OK","Oklahoma");
states[states.length] = new StateOption("OR","Oregon");
states[states.length] = new StateOption("PA","Pennsylvania");
states[states.length] = new StateOption("RI","Rhode Island");
states[states.length] = new StateOption("SC","South Carolina");
states[states.length] = new StateOption("SD","South Dakota");
states[states.length] = new StateOption("TN","Tennessee");
states[states.length] = new StateOption("TX","Texas");
states[states.length] = new StateOption("UT","Utah");
states[states.length] = new StateOption("VT","Vermont");
states[states.length] = new StateOption("VA","Virginia");
states[states.length] = new StateOption("WA","Washington");
states[states.length] = new StateOption("WV","West Virginia");
states[states.length] = new StateOption("WI","Wisconsin");
states[states.length] = new StateOption("WY","Wyoming");

function showStates() {
	for (var s=0;s<states.length ;s++ )
	{
		alert(states[s].value);
	}
}
function showProvinces() {
	for (var p=0;p<provinces.length ;p++ )
	{
		alert(provinces[p].value);
	}
}

var provinces = new Array();
provinces[provinces.length] = new StateOption("","");
provinces[provinces.length] = new StateOption("AB","Alberta");
provinces[provinces.length] = new StateOption("BC","British Columbia");
provinces[provinces.length] = new StateOption("MB","Manitoba");
provinces[provinces.length] = new StateOption("NB","New Brunswick");
provinces[provinces.length] = new StateOption("NL","Newfoundland");
provinces[provinces.length] = new StateOption("NT","Northwest Territories");
provinces[provinces.length] = new StateOption("NS","Nova Scotia");
provinces[provinces.length] = new StateOption("NU","Nunavut");
provinces[provinces.length] = new StateOption("ON","Ontario");
provinces[provinces.length] = new StateOption("PE","Prince Edward Island");
provinces[provinces.length] = new StateOption("QC","Quebec");
provinces[provinces.length] = new StateOption("SK","Saskatcheuan");
provinces[provinces.length] = new StateOption("YT","Yukon Territory");


function clearOptions(obj) {
	obj.options.length = 0;
}

// Filter a dropdown based on value of parent dropdown
function populateChild(val, objId) {
	//alert("inside populateChild");
	//alert(val + "\n" + objId);
	var optionsArray = new Array();
	var targetObj;
	targetObj = document.getElementById(objId);
	if (targetObj==null)
	{
		//some kind of error
		return;
	}
	clearOptions(targetObj);
	switch (val) {
		case "US":
			optionsArray = states;
			targetObj.disabled = false;
			break;
		case "CA":
			optionsArray = provinces;
			targetObj.disabled = false;
			break;
		default:
			optionsArray[optionsArray.length] = new StateOption("","");
			targetObj.disabled = true;
			break;
	}
	//alert("Length of states: " + states.length + "\nLength of provinces: " + provinces.length);
	//alert("Length of new options: " + optionsArray.length);
	for (var i=0;i<optionsArray.length;i++)
	{
		//alert("creating option:  \n\tvalue = " + optionsArray[i].value + "\n\tdisplay = " + optionsArray[i].display);
		targetObj.options[targetObj.options.length] = new Option(optionsArray[i].display, optionsArray[i].value);
	}
}


function getDropdownValue(d) {
	return d.options[d.selectedIndex].value;
}

// -----------------------------------------
//            validateDependentDropdown
// Validate if something has been entered
// Returns true if so 
// -----------------------------------------

function validateDropdown(vObj, ifld)
{
	var val = getDropdownValue(vObj);
	if (val=="")
	{
		msg (ifld, "error", "The field above is required");
		return false;
	}
	msg (ifld, "warn", "");
	return true;
}

function validateDependantDropdown(vParent,   // if US or CA then need to test vChild 
						vChild, //check for actual value
                         ifld )  // id of element to receive info/error msg
{

  var valParent = getDropdownValue(vParent);
  if (valParent=="CA" || valParent =="US")
  {
	  //Canada or United States so validate State
	  var valChild = getDropdownValue(vChild);
	  if (valChild == "")
	  {
		  //no value selected
		  msg (ifld, "error", "The field above is required");
		  return false;
	  }
  }
  msg (ifld, "warn", "");
  return true;
};


function validateHuman(vObj, sValid, ifld) 
{
	var val = vObj.value;
	if (val.toLowerCase() != sValid.toLowerCase())
	{
		msg (ifld, "error", "The field above is required to be an exact match to the instructions.");
		return false;
	}
	msg (ifld, "warn", "");
	return true;
}