$(document).ready(function(){
	//global vars
	var form = $("#customForm");
	var name = $("#name");
	var nameInfo = $("#nameInfo");
	var telephone = $("#telephone");
	var telephoneInfo = $("#telephoneInfo");
	
	//On blur
	name.blur(validateName);
	telephone.blur(validateTelephone);

	//On key press
	
	name.keyup(validateName);
	telephone.keyup(validateTelephone);
	
	//On Submitting
	form.submit(function(){
		if(validateName() & validateTelephone())
			return true
		else
			return false;
	});
	
	
	function validateName(){
		//if it's NOT valid
		if(name.val().length < 1){
			name.addClass("error");
			nameInfo.text("Please enter your name.");
			nameInfo.addClass("error");
			return false;
		}
		//if it's valid
		else{
			name.removeClass("error");
			nameInfo.text("");
			nameInfo.removeClass("error");
			return true;
		}
	}
		function validateTelephone(){
		//if it's NOT valid
		if(telephone.val().length < 1){
			telephone.addClass("error");
			telephoneInfo.text("Please enter your telephone.");
			telephoneInfo.addClass("error");
			return false;
		}
		//if it's valid
		else{
			name.removeClass("error");
			nameInfo.text("");
			nameInfo.removeClass("error");
			return true;
		}
	}
	
	function validateMessage(){
		//it's NOT valid
		if(message.val().length < 10){
			message.addClass("error");
			return false;
		}
		//it's valid
		else{			
			message.removeClass("error");
			return true;
		}
	}
});