$(document).ready(function(){
	//global vars
	var form = $("#customForm");
	var name2 = $("#name2");
	var name2Info = $("#name2Info");
	var name = $("#name");
	var nameInfo = $("#nameInfo");
	var address = $("#address");
	var addressInfo = $("#addressInfo");
	var town = $("#town");
	var townInfo = $("#townInfo");
	var postcode = $("#postcode");
	var postcodeInfo = $("#postcodeInfo");
	var telephone = $("#telephone");
	var telephoneInfo = $("#telephoneInfo");
	var email = $("#email");
	var emailInfo = $("#emailInfo");
	
	
	//On blur
	name2.blur(validateName2);
	name.blur(validateName);
	address.blur(validateAddress);
	town.blur(validateTown);
	postcode.blur(validatePostcode);
	telephone.blur(validateTelephone);
	email.blur(validateEmail);

	//On key press

	name2.keyup(validateName2);
	name.keyup(validateName);
	address.keyup(validateAddress);
	town.keyup(validateTown);
	postcode.keyup(validatePostcode);
	telephone.keyup(validateTelephone);
	
	
	//On Submitting
	form.submit(function(){
		if(validateName2() & validateName() & validateAddress() & validateTown() & validatePostcode() & validateTelephone() & validateEmail())
			return true
		else
			return false;
	});
	
	//validation functions
	function validateEmail(){
		//testing regular expression
		var a = $("#email").val();
		var filter = /^[a-zA-Z0-9]+[a-zA-Z0-9_.-]+@[a-zA-Z0-9]+[a-zA-Z0-9.-]+[a-zA-Z0-9]+.[a-z]{2,4}$/;
		//if it's valid email
		if(filter.test(a)){
			email.removeClass("error");
			emailInfo.text("");
			emailInfo.removeClass("error");
			return true;
		}
		//if it's NOT valid
		else{
			email.addClass("error");
			emailInfo.text("Please type a valid e-mail address");
			emailInfo.addClass("error");
			return false;
		}
	}

	function validateName2(){
		//if it's NOT valid
		if(name2.val().length < 1){
			name2.addClass("error");
			name2Info.text("Please enter your first name.");
			name2Info.addClass("error");
			return false;
		}
		//if it's valid
		else{
			name2.removeClass("error");
			name2Info.text("");
			name2Info.removeClass("error");
			return true;
		}
	}
	function validateName(){
		//if it's NOT valid
		if(name.val().length < 1){
			name.addClass("error");
			nameInfo.text("Please enter your surname.");
			nameInfo.addClass("error");
			return false;
		}
		//if it's valid
		else{
			name.removeClass("error");
			nameInfo.text("");
			nameInfo.removeClass("error");
			return true;
		}
	}
	function validateAddress(){
		//if it's NOT valid
		if(address.val().length < 3){
			address.addClass("error");
			addressInfo.text("Please enter your address.");
			addressInfo.addClass("error");
			return false;
		}
		//if it's valid
		else{
			address.removeClass("error");
			addressInfo.text("");
			addressInfo.removeClass("error");
			return true;
		}
	}	
	function validateTown(){
		//if it's NOT valid
		if(town.val().length < 3){
			town.addClass("error");
			townInfo.text("Please enter your town.");
			townInfo.addClass("error");
			return false;
		}
		//if it's valid
		else{
			town.removeClass("error");
			townInfo.text("");
			townInfo.removeClass("error");
			return true;
		}
	}

	function validatePostcode(){
		//if it's NOT valid
		if(postcode.val().length < 5){
			postcode.addClass("error");
			postcodeInfo.text("Please enter your postcode.");
			postcodeInfo.addClass("error");
			return false;
		}
		//if it's valid
		else{
			postcode.removeClass("error");
			postcodeInfo.text("");
			postcodeInfo.removeClass("error");
			return true;
		}
	}
	function validateTelephone(){
		//if it's NOT valid
		if(telephone.val().length < 5){
			telephone.addClass("error");
			telephoneInfo.text("Please enter your telephone.");
			telephoneInfo.addClass("error");
			return false;
		}
		//if it's valid
		else{
			telephone.removeClass("error");
			telephoneInfo.text("");
			telephoneInfo.removeClass("error");
			return true;
		}
	}
	
});
