// JavaScript Document
var resposta;

function resposta(){
}
	
$(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 endereco = $("#endereco").val();
var numero = $("#numero").val();
var cep = $("#cep").val();
var email = $("#email").val();
var telefone = $("#telefone").val();
var celular = $("#celular").val();
var cidade = $("#cidade").val();
var estado = $("#estado").val();
var endereco = $("#endereco").val();
var data_nasc = $("#data_nasc").val();
var acompanhante = $("#acompanhante").val();
var adulto = $("#adulto").val();
var crianca = $("#crianca").val();
var nome_acompanhante = $("#nome_acompanhante").val();
var data_chegada = $("#data_chegada").val();
var hora_chegada = $("#hora_chegada").val();
var data_saida = $("#data_saida").val();
var hora_saida = $("#hora_saida").val();
var diaria = $("#diaria").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('formulario.php', {nome:nome,endereco:endereco,numero:numero,cep:cep,email:email,telefone:telefone,celular:celular,cidade:cidade,estado:estado,endereco:endereco,data_nasc:data_nasc,acompanhante:acompanhante,adulto:adulto,crianca:crianca,nome_acompanhante:nome_acompanhante,data_chegada:data_chegada,hora_chegada:hora_chegada,data_saida:data_saida,hora_saida:hora_saida,diaria:diaria}, 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

$("#aviso").fadeIn(3000);
$("#aviso").fadeOut(5000);


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

$("#aviso").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(1000);
$("#loading").fadeOut(1000);
$("#loading").html("Processando <img src='./img/loader.gif' alt='processando dados' />");

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

// e finalmente nossa mensagem de sucesso
$("#aviso").html("<img class='sucesso' src='./img/sucesso.png' alt='img'>Mensagem enviada com sucesso!");



// Limpando todos os campos do forulario no caso val = zero
$("#nome").val("");
$("#endereco").val("");
$("#numero").val("");
$("#cep").val("");
$("#email").val("");
$("#telefone").val("");
$("#celular").val("");
$("#cidade").val("");
$("#estado").val("");
$("#endereco").val("");
$("#data_nasc").val("");
$("#acompanhante").val("");
$("#adulto").val("");
$("#crianca").val("");
$("#nome_acompanhante").val("");
$("#data_chegada").val("");
$("#hora_chegada").val("");
$("#data_saida").val("");
$("#hora_saida").val("");
$("#diaria").val("");
}

});
});
});