google.load("jquery", "1.3.2");
document.write('<style type="text/css">.hidden{display:none;}</style>');

// on page load complete, fire off a jQuery json-p query
// against Google web search


function OnLoad(){

	$("a").hover(function(){
		$(this).parent().next(".hidden").show();
	}, function(){
		$(this).parent().next(".hidden").hide();
	});
	
	$("#close").click(function(){
		$("#mensaje").slideUp(250, function(){
				$("#desc, #card").slideDown(250).removeClass("hidden");
		}).addClass("hidden");
	});
	
	$("#ix").click(function(){
		$("#desc, #card").slideUp(250, function(){
				$("#mensaje").slideDown(250).removeClass("hidden");
		}).addClass("hidden");
	}); 
	
	var t = $("#mensaje input[type=text]");
	var s = $("#mensaje input[type=submit]");
	var m = $("#mensaje textarea");
	t.click(function(){
		if(t.val() == "e-mail"){
			t.val("");
		}
	});
	t.blur(function(){
		if(t.val() == ""){
			t.val("e-mail");
		}
	});
	m.click(function(){
		if(m.val() == "mensaje"){
			m.val("");
		}
	});
	m.blur(function(){
		if(m.val() == ""){
			m.val("mensaje");
		}
	});
	s.click(function(){
		if(m.val() == "" || m.val() == "mensaje" || t.val() == "" || t.val() == "e-mail"){
			if($("#error").html() != null){
				$("#error").html("E-mail o mensaje inv&aacute;lidos.<br />");
			}else{
				m.after("<br /><span id='error'>E-mail o mensaje inv&aacute;lidos.<br /></span>");
			}
		}else{
			if($("#error").html() != null){ $("#error").remove(); }
			$.post("text.php", $("#mensaje form").serialize(), function(data){
				if(data == "sent"){
					$("#mensaje").after("<div id='done'>&#161;Gracias por el mensaje!</div>");
					$("#mensaje").slideUp(250).addClass("hidden");
					setTimeout(function(){
						$("#card").slideDown(250).removeClass("hidden");
						$("#desc").slideDown(250, function(){
							$("#done").remove();
						}).removeClass("hidden");
					}, 4000);
				}else{
					alert("El mensaje no ha sido enviado por alguna extra\u00f1a raz\u00f3n. El sistema espera que no sean seres extraterrestres que nos invaden.");
				}
			});
		}
		return false;
	});
}

google.setOnLoadCallback(OnLoad);