$(document).ready(function()
{

	
	$("#correo").focus(function()
	{
		correo=$("#correo").val();	
		
		if(correo == "Email")
		{
			$("#correo").val("");
		}
	});
	
	$("#correo").blur(function()
	{
		correo=$("#correo").val();	
		if(correo == "")
		{
			$("#correo").val("Email");
		}
	});
	
	$("#fechaPie").focus(function()
	{
		correo=$("#fechaPie").val();	
		
		if(correo == "Fecha de tu Boda")
		{
			$("#fechaPie").val("");
		}
	});
	
	$("#fechaPie").blur(function()
	{
		correo=$("#fechaPie").val();	
		if(correo == "")
		{
			$("#fechaPie").val("Fecha de tu Boda");
		}
	});
	
	$("#telefonoPie").focus(function()
	{
		correo=$("#telefonoPie").val();	
		
		if(correo == "Teléfono")
		{
			$("#telefonoPie").val("");
		}
	});
	
	$("#telefonoPie").blur(function()
	{
		correo=$("#telefonoPie").val();	
		if(correo == "")
		{
			$("#telefonoPie").val("Teléfono");
		}
	});
	
	$("#envio").submit(function()
	{
		
		var correo= $("#correo").val();
		var fechaPie=$("#fechaPie").val();
		var telefonoPie=$("#telefonoPie").val();
		
		//alert(correo);
		
		if(!validaCorreo(correo))
		{
			//alert("Correo "+correo+" incorrecto");
			divM = document.createElement("div");
			span=document.createElement("span");
			span.className="invalido";
			span.innerHTML="Verifique su correo electrónico";
			
			divM.appendChild(span);
			divM.className="modal";
			divM.style.display="block";
			document.getElementById("pie-izq").appendChild(divM);
			setTimeout(function()
					{
					divM.style.display="none";	
					document.getElementById("pie-izq").removeChild(divM);
					},5000);
			
		}else{
				$.ajax({
				async: true,
				type: "POST",
				dataType: "html",
				contentType: "application/x-www-form-urlencoded",
				url: "correo.php",
				data: "correo="+correo+"&fechaPie="+fechaPie+"&telefonoPie="+telefonoPie,
				success: function(data)
					{
					divM = document.createElement("div");
					span=document.createElement("span");
					span.className="valido";
					span.innerHTML="Tu email ha sido registrado. Gracias.";
					
					divM.appendChild(span);
					divM.className="modal";
					divM.style.display="block";
					document.getElementById("pie-izq").appendChild(divM);
					setTimeout(function()
							{
							divM.style.display="none";	
							document.getElementById("pie-izq").removeChild(divM);
							},5000);	
						
					}
				});
			}
		
		return false;
	}
	);
		
	
	//Slide up and down on click
	
	
	$("#pie-der span").click(function()
	{
		$(this).next().slideToggle("slow");
	});

});

function validaCorreo(valor)
{
	var reg=/(^[a-zA-Z0-9._-]{1,30})@([0-9a-z][0-9a-z-]+\.)+[a-z]{2,3}$/;
	if(reg.test(valor)) return true;
	else return false;
}