$(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 = $("#email1").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
        $.ajax({
            type: "POST",
            url: 'http://www.domjaime.com.br/enviar-mensagem',
            data: {
                'nome':nome, 
                'email':email, 
                'assunto':assunto, 
                'mensagem':mensagem
            },
            dataType: "json",
            success: function(obj) {

                // Efeitos fade jquery
                $("#aviso").fadeIn(1000);
                $("#aviso").fadeOut(3000);

                // Se a obj é ufa em Erro
                if (obj.tipo == 'error') {				                

                    // Exibe o erro na div aviso
                    $("#aviso").html("<div id='erro'><div class='grupoMensagem'><div class='iconeMensagem'><img clas='erro' src='public/skins/default/default/images/erro.png' alt='img'></div><div class='textoMensagem'><p>" + obj.aviso + "</p></div></div></div>");

                } else {

                    // Exibe mensagem de sucesso na div aviso
                    // loading sera o nosso processando dados para enviar
                    $("#aviso").css("color","green");//cor verde atribuido com jquery

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

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

    });
});