// JavaScript Document
$(document).ready(function(){
						   
	$.get("/wp-content/themes/modelo1_pro/antispam.php", null, function(data) { $("#formulario form").append("<input type=\"hidden\" name=\"antispam\" value=\""+ data +"\" />"); });
	
	$('#formulario input, #formulario textarea').focus(function() {
		if (($(this).val() == "Nome") || ($(this).val() == "E-mail") || ($(this).val() == "Assunto") || ($(this).val() == "Mensagem")) { $(this).val(""); }
	 	$(this).addClass('foco');
	});
	$('#formulario input, #formulario textarea').blur(function() {
		if ($(this).val() == "") { $(this).addClass('erro') } else { $(this).removeClass('erro'); }
		
		if (($(this).val() == "") && ($(this).attr("name") == "nome")) { $(this).val("Nome"); }
		if (($(this).val() == "") && ($(this).attr("name") == "email")) { $(this).val("E-mail"); }
		if (($(this).val() == "") && ($(this).attr("name") == "assunto")) { $(this).val("Assunto"); }
		if (($(this).val() == "") && ($(this).attr("name") == "msg")) { $(this).val("Mensagem"); }
		$(this).removeClass('foco');
	});
	$('#form-box .enviar').hover(function() { $(this).addClass('foco'); }, function() { $(this).removeClass('foco'); });
	$('#form-box .enviar').click(function() {
		if (($('.nome').val() == "Nome")) { $('.nome').val(""); }
		if (($('.email').val() == "E-mail")) { $('.email').val(""); }
		if (($('.assunto').val() == "Assunto")) { $('.assunto').val(""); }
		if (($('.msg').val() == "Mensagem")) { $('.msg').val(""); }
	});
	
	function enviarNova() {
		$('#enviar-nova').click(function() {
			$(this).fadeOut(300, function(){
				$('#msg-form').fadeOut(500);
				$('#form-box').fadeIn(500);
				$(this).remove();
			});
		});
	}
	
	$('#form-box form').submit(
		function()
		{
			$.post(
				$(this).attr('action'),
				$(this).serialize(),
				function(json)
				{
					if(json['erro'])
					{
						$('#msg-form').remove();
						saida = "<div id='msg-form' class='erro' style='display:none;'>";
						saida += "<p>"+json['msg']+"</p>";
						saida += "<ul>";
						$.each(
							json['erros'],
							function(){ saida += "<li><strong>"+this+"</strong></li>"; }
						);
						saida += "</ul>";
						saida += "</div>";
						
						$('#form-box').before(saida);
						$('#msg-form').fadeIn('slow');
						$('#form-box .nome').val( ( json['campos']['nome'] == '' ) ? 'Nome' : json['campos']['nome'] );
						$('#form-box .email').val( ( json['campos']['email'] == '' ) ? 'E-mail' : json['campos']['email'] );
						$('#form-box .assunto').val( ( json['campos']['assunto'] == '' ) ? 'Assunto' : json['campos']['assunto'] );
						$('#form-box .msg').val( ( json['campos']['msg'] == '' ) ? 'Mensagem' : json['campos']['msg'] );
					
						if ( $('#form-box .nome').val() == "Nome" ) { $('#form-box .nome').addClass('erro'); }
						if ( $('#form-box .email').val() == "E-mail" ) { $('#form-box .email').addClass('erro'); }
						if ( $('#form-box .assunto').val() == "Assunto" ) { $('#form-box .assunto').addClass('erro'); }
						if ( $('#form-box .msg').val() == "Mensagem" ) { $('#form-box .msg').addClass('erro'); }
					}
					
					else {
						$('#msg-form').remove();
						saida = "<div id='msg-form' class='sucesso' style='display:none;'>";
						saida += "<p>"+json['msg']+"</p>";
						saida += "</div>";
						$('#form-box').before(saida);
						$('#msg-form').fadeIn('slow');
						
						$('#form-box .nome').val('Nome');
						$('#form-box .email').val('E-mail');
						$('#form-box .assunto').val('Assunto');
						$('#form-box .msg').val('Mensagem');
											
						$('<p id="enviar-nova">Enviar nova mensagem</p>').insertAfter('#msg-form');
						enviarNova();
						$('#form-box').hide();
					}
					console.log(json);
				},
				'json'
			);
			
		}
	);

});