// This function checks if the username field
// is at least 6 characters long.
// If so, it attaches class="welldone" to the 
// containing fieldset.

function checkRequired(whatYouTyped) {
	var fieldset = whatYouTyped.parentNode;
	var txt = whatYouTyped.value;

	
	if (txt.length > 0) {
		fieldset.className = "welldone";

	}
	else {
		fieldset.className = "kindagood";
	}
	
}

function checkName(whatYouTyped) {
	var fieldset = whatYouTyped.parentNode;
	var txt = whatYouTyped.value;

	
	if (txt.length > 5) {
		fieldset.className = "welldone";

	}
	else {
		fieldset.className = "kindagood";
	}
}

function checkPostCode(whatYouTyped) {
	var fieldset = whatYouTyped.parentNode;
	var txt = whatYouTyped.value;

	
	if (txt.length > 4) {
		fieldset.className = "welldone";

	}
	else {
		fieldset.className = "kindagood";
	}
}

function checkTel(whatYouTyped) {
	var fieldset = whatYouTyped.parentNode;
	var txt = whatYouTyped.value;
	var value = Number(txt);

	if ( ( /\.0+$|\.$/.test(String(txt)) ) || ( value != parseInt(value) ) || ( txt.length < 10 ) ){
		fieldset.className = "kindagood";
	}
	else {
		fieldset.className = "welldone";
	
	}
}

function checkSelect(whatYouTyped) {
	var fieldset = whatYouTyped.parentNode;
	var txt = whatYouTyped.value;
	var value = Number(txt);

	
	if (txt.length > 0){
		fieldset.className = "welldone";
	
	}
	else {
		fieldset.className = "kindagood";
	}
}

function checkEmail(whatYouTyped) {
	var fieldset = whatYouTyped.parentNode;
	var txt = whatYouTyped.value;

	
	if (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(txt)) {
		fieldset.className = "welldone";
	
	} else {
		fieldset.className = "kindagood";
	}
}

function checkOnlyNumber(whatYouTyped) {
	var fieldset = whatYouTyped.parentNode;
	var txt = whatYouTyped.value;
	var value = Number(txt);

	
	if ( ( /\.0+$|\.$/.test(String(txt)) ) || ( value != parseInt(value) ) || ( txt.length < 1 ) ){
		fieldset.className = "kindagood";
		
	}
	else {
		fieldset.className = "welldone";

	}
}


// this part is for the form field hints to display
// only on the condition that the text input has focus.
// otherwise, it stays hidden.

function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      oldonload();
      func();
    }
  }
}


function prepareInputsForHints() {
  var inputs = document.getElementsByTagName("input");
  for (var i=0; i<inputs.length; i++){
    inputs[i].onfocus = function () {
      this.parentNode.getElementsByTagName("span")[1].style.display = "inline";
    }
    inputs[i].onblur = function () {
      this.parentNode.getElementsByTagName("span")[1].style.display = "none";
    }
  }
}

addLoadEvent(prepareInputsForHints);