$(function(){
	function valMail(campo) {
		var valor = campo.val();
		if (/^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/i.test(valor)){
			var valido = true;
			campo.css('color', '#666');
		} else {
			var valido = false;
			campo.css('color', '#990000');
			campo.val('Formato de correo invalido');
		}
		
		return valido;
	}
	
	function val_cmp(valor){
		if(valor.val() != '' && valor.val() != 'Este campo es requerido'){
			valor.css('color', '#666');
			return true;
		}else{
			valor.css('color', '#990000');
			valor.val('Este campo es requerido');
			return false;
		}
	}
	
	$('.obt').focus(function(){
		var valor = $(this).val();
		if(valor == 'Este campo es requerido' || valor == 'Formato de correo invalido'){
			$(this).val('');
		}
	});
	
	$('.obt').blur(function(){
		var valor = $(this).val(), nomcamp = $(this).attr('name');
		if(valor == ''){
			$(this).css('color', '#990000');
			$(this).val('Este campo es requerido');
		}else{
			$(this).css('color', '#666');
		}
		if(nomcamp == "mail"){
			var mail = $(this);
			valMail(mail);
		}
	});
	
	$("#form").click(function(){
		var msj = $('#msj'), nombre = $('#nombre'), mail = $('#mail'), 
		valido = true;
		val_cmp(nombre); valMail(mail); val_cmp(msj);
		
		valido = valido && val_cmp(nombre);
		valido = valido && valMail(mail);
		valido = valido && val_cmp(msj);
		if(valido){
			$("#contacto_aviso").html("Su comentario se esta enviando, por favor espere un momento");
			$("#contacto_aviso").fadeIn('slow');
			$.ajax({
				type: "POST",
				url: "mail/mail.php",
				data: "nombre=" + nombre.val() + "&mail=" + mail.val() + "&msj=" + msj.val(),
				success: function(msg){
					$("#contacto_aviso").html("Su comentario se ha enviado con &eacute;xito. <br /> Recibir&aacute; un mensaje en su e-mail  a la  brevedad posible");
					$("#contacto_aviso").fadeIn('slow');
					setTimeout("$('#contacto_aviso').fadeOut('slow')", 7000);
					$(".fl").val('');
				}
			});
			return false;
		}else{
			return false;
		}
	});
});