$(document).ready(function(){
	//global vars
	var form = $("#customForm");
	var name = $("#name");
	var nameInfo = $("#nameInfo");
	var email = $("#email");
	var emailInfo = $("#emailInfo");
	var comment = $("#comment");
	var commentInfo = $("#commentInfo");
	var code = $("#code");
	var codeInfo = $("#codeInfo");
	
	//On blur
	name.blur(checkEmptyName);
	email.blur(validateEmail);
	comment.blur(checkEmptyComment);
	code.blur(validateCaptacha);
	//On key press
	name.keyup(checkEmptyName);
	email.keyup(validateEmail);
	comment.keyup(checkEmptyComment);
	code.keyup(validateCaptacha);

//On Submitting
	form.submit(function(){
		if(checkEmptyName() && validateEmail() && checkEmptyComment())//
			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("Example: xyz@xyz.com");
			emailInfo.removeClass("error");
			return true;
		}
		//if it's NOT valid
		else{
			email.addClass("error");
			emailInfo.text("Please enter valid e-mail address.");
			emailInfo.addClass("error");
			return false;
		}
	}
		
	function checkEmptyName()
	{
		//alert(name.val());
		if(name.val() == "")
		{
			name.addClass("error");
			nameInfo.text("Please enter your name.");
			nameInfo.addClass("error");
			return false;
		}
		else
		{
			name.removeClass("error");
			nameInfo.text("What's your name?");
			nameInfo.removeClass("error");
			return true;
		}
	}
	
	function checkEmptyComment()
	{
		if(comment.val() == "")
		{
			comment.addClass("error");
			commentInfo.text("Please enter your name.");
			commentInfo.addClass("error");
			return false;
		}
		else
		{
			comment.removeClass("error");
			commentInfo.text("What's your name?");
			commentInfo.removeClass("error");
			return true;
		}
	}
	
	function validateCaptacha()
	{
		if(code.val() == "")
		{
			code.addClass("error");
			codeInfo.text("Please enter the code from image..");
			codeInfo.addClass("error");
			return false;
		}
		else
		{
			code.removeClass("error");
			codeInfo.text("Enter captacha.");
			codeInfo.removeClass("error");
			return true;
		}
	}
	
	
});