$(document).ready(function(){
	//global vars
	var form = $("#customForm");
	var name = $("#nombre");
	var nameInfo = $("#nameInfo");
	var email = $("#email");
	var emailInfo = $("#emailInfo");
	var message = $("#message");
	var messageInfo=$("#messageInfo");
	
	//On blur
	name.blur(validateName);
	email.blur(validateEmail);
	//On key press
	name.keyup(validateName);
	message.keyup(validateMessage);
	//On Submitting
	form.submit(function(){
		if(validateName() & validateEmail() & validateMessage())
		{
			enviarmail();			
		}
		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("Porfavor e-mail valido!");
			emailInfo.removeClass("error");
			return true;
		}
		//if it's NOT valid
		else{
			email.addClass("error");
			emailInfo.text("Porfavor escriba un e-mail valido");
			emailInfo.addClass("error");
			return false;
		}
	}
	function validateName(){
		//if it's NOT valid
		if(name.val().length < 4){
			name.addClass("error");
			nameInfo.text("Nombres con mas de 3 letras!");
			nameInfo.addClass("error");
			return false;
		}
		//if it's valid
		else{
			name.removeClass("error");
			nameInfo.text("Cual es su nombre?");
			nameInfo.removeClass("error");
			return true;
		}
	}
	
	function validateMessage(){
		//it's NOT valid
		if(message.val().length < 10){
			message.addClass("error");
			messageInfo.addClass("error");
			return false;
		}
		//it's valid
		else{			
			message.removeClass("error");
			messageInfo.removeClass("error");
			return true;
		}
	}
	
	
	$("#send").click(function(event){
			if(validateName() & validateEmail() & validateMessage())
		{
			enviarmail();			
		}
		else
			return false;							
	  });	
	
	function enviarmail(){
			var nombre=$("#nombre").val();
			var email=$("#email").val();
			var mensaje=$("#message").val();
			var tarea="email";
		$.post("modulos/users/accion.php",{name:nombre,email:email,message:mensaje,tarea:tarea},				
			   function(data){
				   
				   //$(".mensajes").html("Su e-mail fue enviado correctamente, nos contactaremos a la brevedad posible.");
				   $(".mensajes").html(data);
				setTimeout(function(){ $(".mensajes").fadeOut(3000).fadeIn(800).fadeOut(3000).fadeIn(800).fadeOut(800);}, 2000);																																																																																																																													
				limpiar();
				},"html");
				
	}
	
	function limpiar(){
		$("#nombre").val("");
		$("#email").val("");
		$("#message").val("");
	}
	
});