// JavaScript Documento
<!--
/*******************************************/
// Funciones de jquery para usar el boletin
/*******************************************/
var $j = jQuery.noConflict();

$j(document).ready(function(){
    
	$j("#email").focus( function (){

		$j('#result').fadeOut("slow");
		$j(this).css("background-color","#ffffff");
		$j(this).attr("value","");

});


// Esta primera parte crea un loader no es necesaria
    $j().ajaxStart(function() {
        $j('#loading').show();
        $j('#result').hide();
		$j('#formboletin').hide();
    });
	$j().ajaxStop( function() { $j().delay( 1000, function(){
        $j('#loading').hide();
        $j('#result').fadeIn('slow');
		$j('#formboletin').fadeIn('slow');
    }) });

// Interceptamos el evento submit
    $j("#formboletin").submit(function() {
	// Enviamos el formulario usando AJAX	
		$j.ajax({
            type: 'POST',
            url: $j(this).attr('action'),
            data: $j(this).serialize(),
            // Mostramos un mensaje con la respuesta de PHP
            success: function(data) {
				
				$j("#email").css("background-color","#3CB0FF");
				$j("#email").attr("value","tu email aquí");
                $j("#result").html(data);
            }
        })        
        return false;

	});
}) 
//-->
