empty = new Image(); empty.src = "fieldempty.gif";
email = new Image(); email.src = "emailerror.gif";
zipcd = new Image(); zipcd.src = "ziperror.gif";
phone = new Image(); phone.src = "phoneerror.gif";
valid = new Image(); valid.src = "blankimage.gif";

correct = new Image(); correct.src = "correctmark.gif";
incorrect = new Image(); incorrect.src = "incorrectmark.gif";
required = new Image(); required.src = "required.gif";

emptyString = /^\s*$/

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

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

function isEmpty(elem, helperMsg){
	alert("isEmpty....");
	if(elem.value.length == 0){
		alert(helperMsg);
		elem.focus(); // set the focus to this input
		return true;
	} else {
		alert("problem ....");
	}
	return false;
}

// -----------------------------------------
//                  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 slip in an nbsp if needed
  var dispmessage;
  if (emptyString.test(message)) 
    dispmessage = " ";    
  else  
    dispmessage = message;

  var elem = document.getElementById(fld);
  if (elem.firstChild && (elem.firstChild.nodeType == 1))
    elem.firstChild.nodeValue = dispmessage;  // DOM method
  else 
    elem.innerHTML = dispmessage; // IE/Opera method
  
  elem.className = msgtype;
};


function msg1(fld,     
             msgtype) 
{  
  var elem = document.getElementById(fld);
  if( msgtype == "correct" ) {
  	elem.src = correct.src;
  	elem.width = 15;
	elem.height = 15;
  } else if ( msgtype == "incorrect" ) {
  	elem.src = incorrect.src;
  	elem.width = 15;
	elem.height = 15;
  } else if( msgtype == "required") {
	elem.src = required.src;
	elem.width = 55;
	elem.height = 20;
  }   
    
};

var proceedSimple = 2;  

function commonCheckSimple(vfld, reqd) {
	alert("1");
  if (!document.getElementById) { 
	  alert("2");
    return true;  // not available on this browser - leave validation to the server
  }
  if (emptyString.test(vfld.value)) {
	  alert("3");
    if (reqd) {
      //msg1 (ifld, "required");  
      vfld.focus();
      return false;
    } 
  } else {
	  alert("4");
  }
  alert("returning : " + proceedSimple);
  return proceedSimple;

};

// -----------------------------------------
//            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 && (typeof elem.innerHTML != "string"))
    return true;  // not available on this browser 

  if (emptyString.test(vfld.value)) {
    if (reqd) {
      msg1 (ifld, "required");  
      vfld.focus();
      return false;
    }
  }
  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) {
	msg1 (ifld, "required");  
  	return stat;
  }
  msg1 (ifld, "correct");  
  return true;
};

function validatePresentSimple(vfld)   // element to be validated
{
  var stat = commonCheckSimple (vfld, true);
  if (stat != proceed) {
	//msg1 (ifld, "required");  
  	return stat;
  } else {
	//msg1 (ifld, "correct");  
	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)) { 	 
    msg1(ifld, "incorrect");
    vfld.focus();
    return false;
  } else {
   	msg1(ifld, "correct");
  }

  var email2 = /^[A-Za-z][\w.-]+@\w[\w.-]+\.[\w.-]*[A-Za-z][A-Za-z]$/
  if (!email2.test(tfld)) {
    alert("should be here ..2");
    msg1 (ifld, "incorrect");
  }
  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)) {
    msg1 (ifld, "incorrect");
    vfld.focus();
    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) {
    msg1 (ifld, "incorrect");
    vfld.focus();
    return false;
  }
  
  msg1 (ifld, "correct");

  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");
    vfld.focus();
    return false;
  }

  if (tfld>=200) {
    msg (ifld, "error", "ERROR: not a valid age");
    vfld.focus();
    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;
};