var emailval = false;
$(function() {
	$('#formulario').ajaxForm({
		type: "POST",
		resetForm: true,
		beforeSend: function(){
			$("#formulario").html('<div align="center"><img src="img/ajaxLoader2.gif" align="absmiddle" /></div>');
		},
		success: function(response) {
			if(response == "true"){
				$('#formulario').html('<h4>GRACIAS POR DEJAR TUS DATOS CON NOSOTROS SI DESEAS COMUNICARTE EN LA PARTE INFERIOR HAY UN CHAT</h4>');
				$("#textochat").hide();
				$("#chat").show();
			}
				
		}
	});

	$("#formulario").validate({
		rules: {
			apellido: {required: true},
			nombre: {required: true},
			email: {required: true,email: true},
			ciudad: {required: true},
			pais: {required: true},
			celular: {number: true},
			telefono: {number: true}
		},
		messages: {
			apellido: "",
			nombre: "",
			email: "",
			ciudad: "",
			celular: "",
			telefono: "",
			pais: ""
		}
	});
	$('.submit').click(function(){
		if (emailval){						
			if ($("#formulario").valid()) {
				$("#formulario").submit();
			}
		}
		else{
			alert('El correo ya existe');
		}
	});
	
	$("#formchat").validate({
		rules: {
			nombre: {required: true},
			email: {required: true,email: true}
		},
		messages: {
			nombre: "",
			email: ""
		}
	});
	
	$('#formchat').ajaxForm({
		type: "POST",
		resetForm: true,
		beforeSend: function(){
			$("#textochat").html('<div align="center"><img src="img/ajaxLoader2.gif" align="absmiddle" /></div>');
		},
		success: function(response) {
			if(response == "true"){
				$("#textochat").hide();
				$("#chat").show();
			}
				
		}
	});
	
	$('.submit2').click(function(){
		if ($("#formchat").valid()) {
			$("#formchat").submit();
		}
	});
	
	$("#email").blur( function(){					   
		$.ajax({
		 type: "POST",
		 url: "mailcontacto.php",
		 data: "email="+$('#email').val(),
		 success: function(msg){
			if (msg=='si'){
				emailval = false;
			}
			else{
				emailval = true;
			}
		 }
		 });						   
	});
	
	$('#programa1').dialog({
		autoOpen: false,
		width: 500,
		modal: true,
		buttons: {
		"Cerrar": function() {
			$(this).dialog("close");
		}
		}
	});
	$(".abrir1").click(function(){
		$("#programa1").dialog("open");
	});
	
	$('#programa2').dialog({
		autoOpen: false,
		width: 500,
		modal: true,
		buttons: {
		"Cerrar": function() {
			$(this).dialog("close");
		}
		}
	});
	$(".abrir2").click(function(){
		$("#programa2").dialog("open");
	});
});