$(document).ready(function(){
	//global vars
	var form        = $("#ContactForm");
	var name        = $("#name");
	var nameInfo    = $("#formNameInfo");
    var surname     = $("#surname");
	var surnameInfo = $("#formSurInfo");
    var query       = $("#query");
	var queryInfo   = $("#formQueryInfo");
	var email       = $("#email");
	var emailInfo   = $("#formEmailInfo");
	//var agree     = $("#formAgree");
	//var agreeInfo = $("#formAgreeInfo");
	
	//On blur
	name.blur(validateName);
	surname.blur(validateSur);
	query.blur(validateQuery);
    email.blur(validateEmail);
    
	//On key press
	name.keyup(validateName);
    surname.keyup(validateSur);
    
	//On Submitting
	form.submit(function(){
		if(validateName() & validateSur() & validateEmail() & validateQuery())
			return true
		else
		$(".errorsContainer").html('<div class="errorMessage"><p>Please check your details as we have noticed some problems</p></div');
			return false;
            
	});
	
	//validation functions
	function validateCheck() {
	    if ($('#formAgree:checked').val() !== undefined) {
	        agreeInfo.text("");
	        return true;
	    } else {
	        agreeInfo.text("Please agree to our terms and conditions");
	        return false;
	    }
	}	
	
	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("Please enter a valid email address");
			emailInfo.addClass("error");
			return false;
		}
	}
	function validateName(){
		//if it's NOT valid
		if(name.val().length < 3){
			name.addClass("error");
			nameInfo.text("Please enter a valid name");
			nameInfo.addClass("error");
			return false;
		}
		//if it's valid
		else{
			name.removeClass("error");
			nameInfo.text("");
			nameInfo.removeClass("error");
			return true;
		}
	}
    function validateSur(){
		//if it's NOT valid
		if(surname.val().length < 3){
			surname.addClass("error");
			surnameInfo.text("Please enter a valid surname");
			surnameInfo.addClass("error");
			return false;
		}
		//if it's valid
		else{
			surname.removeClass("error");
			surnameInfo.text("");
			surnameInfo.removeClass("error");
			return true;
		}
	}
    function validateQuery(){
		//if it's NOT valid
		if(query.val().length < 4){
			query.addClass("error");
			queryInfo.text("Please let us know your query");
			queryInfo.addClass("error");
			return false;
		}
		//if it's valid
		else{
			query.removeClass("error");
			queryInfo.text("");
			queryInfo.removeClass("error");
			return true;
		}
	}
	
});