function abreForm() {
	$("#mensagem").fadeOut("fast", function() { $("#conteudo form").fadeIn("fast"); });
}
function loadingFade() {
	$("#loading").fadeOut("fast", function() { $("#mensagem").fadeIn("slow"); });
}
function exibirErro(msgErro) {
	$("<div id=\"mensagem\"><h3><img src=\"img/erro.png\" alt=\"erro\" /> <b>ERRO!</b></h3><p>"+msgErro+"</p><a href=\"javascript:;\" onclick=\"abreForm();\">Voltar</a></div>").insertAfter("#loading");
}
$(document).ready(function(){
	var altura = parseInt(($("#main").height() + 20) / -2);
	$("#main").css("margin-top", altura+"px");
	$("#btnEnviar").click(function() { 
		$("#conteudo form").fadeOut("fast", function () {
			$("#loading").fadeIn("slow");
			nome = $("#txtNome").val();
			email = $("#txtEmail").val();
			assunto = $("#txtAssunto").val();
			mensagem = $("#txtMensagem").val();
			
			if (!nome || !email || !assunto || !mensagem) {
				exibirErro("Um ou mais campos da sua mensagem est&atilde;o vazios!");				
				loadingFade();				
			}
			else
				if (!(/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(email))) {
					exibirErro("Você digitou um e-mail inválido!</p><p>Por favor, insira no formato <i>mail@example.com</i>!");
					loadingFade();
				}
				else {
					$.post("contato.php", { nome: nome, email: email, assunto: assunto, mensagem: mensagem }, function(data) {
						var status = (data["status"]) ? "sucesso" : "erro";
						var msg = data["msg"];
						$("<div id=\"mensagem\"><h3><img src=\"img/"+status+".png\" alt=\"status\" /> <b>"+status.toUpperCase()+"!</b></h3><p>"+msg+"</p><a href=\"javascript:;\" onclick=\"abreForm();\">Voltar</a></div>").insertAfter("#loading");
						loadingFade();
					}, "json");
				}
			return false;
		 });
	});
});
