$(document).ready(function(){
	//variables globales
	var searchBoxes = $(".text");
	var inputNombre = $("#nombre");
	var reqNombre = $("#req-nombre");

	var inputEmail = $("#email");
	var reqEmail = $("#req-email");
	
	var inputMensaje = $("#mensaje");
	var reqMensaje = $("#req-mensaje");

	//funciones de validacion
	function validateNombre(){
		//NO cumple longitud minima
		if(inputNombre.val().length < 1){
			reqNombre.addClass("error");
			inputNombre.addClass("error");
			return false;
		}else{
			reqNombre.removeClass("error");
			inputNombre.removeClass("error");
			return true;
		}
	}

	function validateEmail(){
		//NO hay nada escrito
		if(inputEmail.val().length == 0){
			reqEmail.addClass("error");
			inputEmail.addClass("error");
			return false;
		}
		// SI escrito, NO VALIDO email
		else if(!inputEmail.val().match(/^[^\s()<>@,;:\/]+@\w[\w\.-]+\.[a-z]{2,}$/i)){
			reqEmail.addClass("error");
			inputEmail.addClass("error");
			return false;
		}
		// SI rellenado, SI email valido
		else{
			reqEmail.removeClass("error");
			inputEmail.removeClass("error");
			return true;
		}
	}

	function validateMensaje(){
		//NO cumple longitud minima
		if(inputMensaje.val().length < 1){
			reqMensaje.addClass("error");
			inputMensaje.addClass("error");
			return false;
		}
		// SI longitud, SI caracteres A-z
		else{
			reqMensaje.removeClass("error");
			inputMensaje.removeClass("error");
			return true;
		}
	}


	//controlamos la validacion en los distintos eventos
	// Perdida de foco
	inputNombre.blur(validateNombre);
	inputEmail.blur(validateEmail);
	inputMensaje.blur(validateMensaje);
	
	
	
	// Pulsacion de tecla
	inputNombre.keyup(validateNombre);
	inputEmail.keyup(validateEmail);
	inputMensaje.keyup(validateMensaje);
	
	
	// Envio de formulario
	$("#form1").submit(function(){
		if(validateNombre() & validateEmail() & validateMensaje())
			return true;
		else
			return false;
	});
	
	//controlamos el foco / perdida de foco para los input text
	searchBoxes.focus(function(){
		$(this).addClass("active");
	});
	searchBoxes.blur(function(){
		$(this).removeClass("active");  
	});

});