// JavaScript Document


	
$(document).ready(function() {// iniciamos a leitura do arquivo
						   
// Quando o formulário for enviado, essa função é chamada com o nosso botão submit do formulario(enviar)
$("#formulario").submit(function() {


// variaveis do nosso formulario pegas por #id / .val(); quer dizer valor 
var nome = $("#nome").val();
var email = $("#email").val();
var assunto = $("#assunto").val();
var mensagem = $("#mensagem").val();




// Fazemos a requisão ajax com o arquivo enviar_email.php e enviamos os valores de cada campo através do método POST
$.post('enviar_email.php', {nome:nome,email:email,assunto:assunto,mensagem:mensagem }, function(resposta) {
// aqui a nossas ariaveis campo name=nome e id=nome |= nome:nome
//importante primeiro vem o nome da váriavel que será recebida pelo arquivo php e depois vem a váriavel que foi atribuida por javascript
// exemplo nome:IDnome entao nome é nossa variavel via post (name='nome') e IDnome ´nossa id do campo


// Se a resposta é ufa em Erro
if (resposta != false) {

	// Efeitos fade jquery
	$("#aviso").fadeIn(3000);
	$("#aviso").fadeOut(3000);
	
		
	// Exibe o erro na div aviso
	$("#aviso").html(resposta);
	
} 
// Se resposta for false, ou seja, não ocorreu nenhum erro exibe mensagem de sucesso na div aviso
else {

	// Efeitos fade jquery
	$("#aviso").fadeIn(3000);
	
	
	
	$("#aviso").css("color","#009900");//cor verde atribuido com jquery
	
	// e finalmente nossa mensagem de sucesso
	$("#aviso").html("<div class='sucesso'>Mensagem enviada com sucesso!</div>");



// Limpando todos os campos do forulario no caso val = zero
$("#nome").val("");
$("#email").val("");
$("#assunto").val("");
$("#mensagem").val("");
}

});
});
});