$(document).ready(function() {
	$("#email").click(function(event) {
		if (validateEmail($("#envio").find("input[name=email]").val())) {
			$.ajax({
				type: "POST",
				data: "email="+$("#envio").find("input[name=email]").val(),
				url:"envio.php",
				beforeSend: function() {
					$("#error").fadeOut("fast",function() {
						$("#error").html("Enviando");
						$("#error").fadeIn("fast");
					});
					$("#envio").find("input[name=email]").attr("disabled",true);
				},
				success: function() {
					$("#error").fadeOut("fast",function() {
						$("#error").html("Gracias por tu interés en Namasté. Pronto recibirás nuestro boletín.");
						$("#error").fadeIn("fast");
					})
					$("#envio").find("input[name=email]").attr("disabled",false);
				},
				error: function() {
					$("#error").fadeOut("fast",function() {
						$("#error").html("Ha habido un error. Por favor, inténtalo más tarde.");
						$("#error").fadeIn("fast");
					})
					$("#envio").find("input[name=email]").attr("disabled",false);
				}
			})
		} else {
			$("#error").fadeOut("fast",function() {
				$("#error").html("Por favor, introduce un email válido.");
				$("#error").fadeIn("fast");
			});
		}
		event.preventDefault();
	})
	
})

function validateEmail(elementValue){  
   var emailPattern = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;  
   return emailPattern.test(elementValue);  
}