// 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)
$("#formularioRelatos").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 relato = $("#relato").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_emailRelatos.php', {nome:nome,email:email,assunto:assunto,relato:relato }, 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


// Efeitos fade jquery

$("#avisoRelatos").fadeIn(1000);
$("#avisoRelatos").fadeOut(3000);


// Se a resposta é ufa em Erro
if (resposta != false) {
	
// Exibe o erro na div aviso

$("#avisoRelatos").html(resposta);


} 
// Se resposta for false, ou seja, não ocorreu nenhum erro
else {
// Exibe mensagem de sucesso na div aviso


// loading sera o nosso processando dados para enviar
//$("#loading").fadeIn(70);
//$("#loading").fadeOut(70);
//$("#loading").html("Processando <img src='./images/loader.gif' alt='processando dados' />");

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

$("#avisoRelatos").css("color","green");//cor verde atribuido com jquery

// e finalmente nossa mensagem de sucesso
$("#avisoRelatos").html("<div id='sucesso'><div class='grupoMensagem'><div class='iconeMensagem'><img clas='erro' src='./images/sucesso.png' alt='images' /></div><div class='textoMensagem2'><p>Mensagem enviada com sucesso!</p></div></div></div>");


}

});
});
});