$(document).ready(function(){
	//global vars
	var form = $("#enq");
	var name = $("#name");
	var email = $("#email");
	var mobile = $("#mobile");
	var message = $("#message");
	
	//On blur
	name.blur(validateName);
	email.blur(validateEmail);
	mobile.blur(validateMobile);
	message.blur(validateMobile);
	//On key press
	//name.keyup(validateName);
	//mobile.keyup(validateMobile);
	//message.keyup(validateMessage);
	//On Submitting
		form.submit(function(){
		if(validateName() & validateEmail() & validateMobile() & 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("email_error");
			return true;
		}
		//if it's NOT valid
		else{
			
			email.addClass("email_error");
			$("#email").val("Enter valid Mail ID");			
			$("#email").focus(function(){
					this.value =""; 
			email.removeClass("email_error");
									  
			});
			return false;
		}
	}
	function validateName(){
		//if it's NOT valid
		if(name.val().length < 4){
			name.addClass("name_error");
			$("#name").val("Enter valid name");			
			$("#name").focus(function(){
					this.value =""; 
			name.removeClass("name_error");
									  
			});
			return false;
		}
		//if it's valid
		else{
			name.removeClass("name_error");
			return true;
		}
	}
	
	
	function validateMobile(){
		//if it's NOT valid
		if(mobile.val().length < 10){
			mobile.addClass("mobile_error");
			$("#mobile").val("Enter Number Only");			
			$("#mobile").focus(function(){
					this.value =""; 
			mobile.removeClass("mobile_error");
									  
			});
			return false;
		}
		//if it's valid
		else{
			mobile.removeClass("mobile_error");
			return true;
		}
	}
	function validateMessage(){
		//it's NOT valid
		if(message.val().length < 10){
			message.addClass("message_error");
			$("#message").val("Enter Message");			
			$("#message").focus(function(){
					this.value =""; 
			message.removeClass("message_error");
									  
			});
			return false;
		}
		//it's valid
		else{			
			message.removeClass("message_error");
			return true;
		}
	}
});