// JavaScript Document
/**
$(): utilizado em todas as funções que devem ser referenciadas a jQuery
document: expressão que indica o documento HTML
ready(): associado a leitura do documento enquanto está sendo carregado
*/


function autentic(aut) {
	u = parseInt(document.getElementById('usrId').value);
	p = parseInt(document.getElementById('pedId').value);
	
	if (aut=='usr') {
		if (u==0) {
			alert('Você precisa estar logado\npara acessar este link!');
			return false;
			}
		}
	else if (aut=='ped') {
		if (p==0) {
			alert('Você não tem pedido em andamento!\n\nAbra um pedido primeiro!');
			return false;
			}
		}
	return true;	
	}

function validarBusca() {
	f = document.getElementById('searchField');
	if (f.value == '') {
		f.style.background = "#ff9900";		 	
		alert("Digite um produto para busca!");
		f.focus();
		return false;
		}
	document.busca.submit();	
	}



$(document).ready(function(){

    // Crio uma variável chamada $forms que pega o valor da tag form
    $forms = $('#mailingForm');

    // hide(): esconde a div cadastro enquanto carrega o ready()
    $('#cadMailing').hide();

    /**
     bind(): é manipulador de evento exemplo submit, click e/ou double click
     a: é a tag <a href>
    */

    $('a').bind('click', function(){
        switch(this.id){
            case 'c':
                $('#cadMailing').show(); // show(): mostra div que está oculta (hide()).
                $('#c').hide(); // esconde o link click aqui
                 $('#loading').html('');
                return false;
                break;
        }
    })

	$forms.bind('submit', function() {										
		f = document.getElementById('emailing');
		var invalid;
		invalid = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,4})+$/;
		
		 if (invalid.test(f.value) == false) {
		 	f.style.background = "#ff9900";		 	
			alert("Favor digitar corretamente seu e-mail.");
			f.select();
			f.focus();
			return (false);
			}	
	  
		  
		  /**
        Crio a variável $button
        attr(): set a propriedade de um atributo, nesse exemplo foi desativado o botão com a tag button
        */
        var $button = $('button',this).attr('disabled',true);

        /**
       Criada a variável params
        serialize(): pega os dados inseridos no formulário
        */
        var params = $(this.elements).serialize();

        var self = this;
        $.ajax({

            // Usando metodo Post
            type: 'POST',

            // this.action pega o script para onde vai ser enviado os dados
            url: this.action,

            // os dados que pegamos com a função serialize()
            data: params,

            // Antes de enviar
            beforeSend: function(){
                // mostro a div loading
                $('#loading').show();										                

                //  html(): equivalente ao innerHTML
                $('#loading').html("Carregando...");
            },
            success: function(txt){
                // Ativo o botão usando a função attr()
                $button.attr('disabled',false);

                // Escrevo a mensagem
                $('#loading').html(txt);

                // Limpo o formulário
                self.reset();
                // hide(): esconde a div cadastro enquanto carrega o ready()
    				 $('#cadMailing').hide();
					 $('#c').show(); // esconde o link click aqui										    				 
            },

            // Se acontecer algum erro é executada essa função
            error: function(txt){
                $('#loading').html(txt);
                $('#c').show(); // esconde o link click aqui
            }
        })
        return false;
    });

});