// JavaScript Document

   // Quando o documento for lido (DOM pronto)
   $(document).ready(function() {

       // quando o formulário x for submetido
       $("#guestBookForm").submit(function() {

           // Iniciando ajax
           $(this).ajaxStart(function() {
			   
			   	   //Mostra a Mensagem de aguarde
				   $.blockUI({  
							message: 'Aguarde...',  
							css: {  
									border: 'none', 
									padding: '15px', 
									backgroundColor: '#000', 
									opacity: '.5', 
									color: '#fff'
							}  
					}); 
				   
				   	//Ao clicar fora da mensagem feche-a
					$('.blockOverlay').attr('title','Clique para desbloquear').click($.unblockUI);
			   
           });
		   
           // opções a serem enviadas pela função
           var options = {
               url: "sendGuestBook.php", // aqui a página que será requisitada
               type: "post", // metodo de envio, post ou get

				// caso a função tenha sucesso
               success: function(resposta) {
                   	
				   //Mostra a Mensagem
				   $.blockUI({  
							message: resposta,  
							css: {  
									border: 'none', 
									padding: '15px', 
									backgroundColor: '#000', 
									opacity: '.5', 
									color: '#fff'
							}  
					}); 
				   
				    //Fecha a mensagem depois de 10 segundos
					setTimeout($.unblockUI, 10000); 
					
					//Ao clicar fora da mensagem feche-a
					$('.blockOverlay').attr('title','Clique para desbloquear').click($.unblockUI);
				   
               }
           }
          
           // aqui eu envio os dados com as opções
           $(this).ajaxSubmit(options);
           
		   // isso é para que o formulário não enviar os dados, pois os mesmos serão enviados por ajax
           return false;
       });
	   
   });