$(function(){
		$("#name").blur(validateName);
		$("#name").keyup(validateName);
		$("#email").blur(validateName);
		$("#message").keyup(validateMessage);;
	});
	function contactMe(){
		if( validateName() && validateEmail() && validateMessage() ){
			$.ajax({
				url					: 'http://www.varusoft.com/contact.do.php',
				type					: 'POST',
				data					: $('#contactForm').serialize(),
				dataType				: 'html',
				error					: function(){
					$('#messageError').html('Cannot process the request.').addClass("error").show();
					$('#loading').hide();
				},
				beforeSend			: function(){
					$('#loading').show();
				},
				success				: function (data){
					$('#loading').hide();
					statusAjax = data.substring(0, 1);
					data = data.substring(1);
					if( statusAjax == 1 ) {
						$('#contactForm').get(0).reset();
						$('#messageError').html(data).removeClass("error").show();
						setTimeout("$('#messageError').hide(250)", 10*1000);
					}
					else {
						$('#messageError').html(data).addClass("error").show();
					}
				}
			});
			return false;
		}
		else
			return false;
	}
	//validation functions
	function validateEmail(){
		var email = $("#email");
		var emailError = $("#emailError");
		//testing regular expression
		var a = $("#email").val();
		var filter = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
		//valid email
		if(filter.test(a)){
			emailError.hide();
			email.removeClass("error");
			return true;
		}
		//not valid
		else{
			email.addClass("error");
			emailError.html("The <b>e-mail</b> is not valid.");
			emailError.addClass("error").show();
			return false;
		}
	}
	function validateName(){
		var name = $("#name");
		var nameError = $("#nameError");
		//if it's NOT valid
		if(name.val().length < 4){
			name.addClass("error");
			nameError.html("The <b>Name</b> is too short.");
			nameError.addClass("error").show();
			return false;
		}
		//if it's valid
		else{
			nameError.hide();
			name.removeClass("error");
			return true;
		}
	}

	function validateMessage(){
		var message = $("#message");
		var messageError = $("#messageError");
		//it's NOT valid
		if(message.val().length < 10){
			message.addClass("error");
			messageError.html("The <b>Message</b> is too short.");
			messageError.addClass("error").show();
			return false;
		}
		//it's valid
		else{
			messageError.hide();
			message.removeClass("error");
			return true;
		}
	}