$(document).ready( function(){
	//global vars
	var form = $("#customForm");
	var name = $("#name");
	var nameInfo = $("#nameInfo");
	var title = $("#title");
	var titleInfo = $("#titleInfo");
	var message = $("#message");
	var messageInfo = $("#messageInfo");
	//On blur
	name.blur(validateName);
	title.blur(validateTitle);
	message.blur(validateMessage);
	//On key press
	name.keyup(validateName);
	message.keyup(validateMessage);
	//On Submitting
	
	
	form.submit(function(){
		if (validateName() & validateTitle() &  validateMessage())
			{
			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-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(" Type a valid e-mail please ");
			emailInfo.addClass("error");
			return false;
		}
	}
	function validateName(){
		//if it's NOT valid
		if(name.val().length < 4){
			name.addClass("error");
			nameInfo.text("Enter your name");
			nameInfo.addClass("error");
			return false;
		}
		//if it's valid
		else{
			name.removeClass("error");
			nameInfo.text("");
			nameInfo.removeClass("error");
			return true;
		}
	}
	
	function validateTitle(){
		//if it's NOT valid
		if(title.val().length < 4){
			title.addClass("error");
			titleInfo.text("Enter a Title");
			titleInfo.addClass("error");
			return false;
		}
		//if it's valid
		else{
			title.removeClass("error");
			titleInfo.text("");
			titleInfo.removeClass("error");
			return true;
		}
	}
	
	function validateMessage(){
		//it's NOT valid
		if(message.val().length < 50){
			message.addClass("error");
			messageInfo.text("content at least 50 Characters");
			messageInfo.addClass("error");
			return false;
		}
		//it's valid
		else{			
			message.removeClass("error");
			messageInfo.text("");
			messageInfo.removeClass("error");
			return true;
		}
	}
});