$(document).ready(function(){
	
  $("#download").click(function(){
	    $("#name_post").val('');
	    $("#email_post").val('');
	    $("#name_post").focus();
	    $("#activearea").css("display", "none");
	    $ ("#message_post").css("display", "none");
	    $("#loading_graphic").css("display", "none");
	    $("#sign_up_form").css("display", "block");
	    $("#flash_presentation").css("visibility", "hidden");
			$("#light_bg").fadeIn("slow");
			$("#signup_box").fadeIn("slow");
			$("#name_post").focus();
			//$("body").css("overflow","hidden");
	});
	
  
  $("#light_bg").click(function(){
      $("#light_bg").fadeOut("slow");
			$("#signup_box").fadeOut("slow");
			$("#flash_presentation").fadeIn("slow");
			$("#flash_presentation").css("visibility", "visible");
     // $("body").css("overflow","visible");
  });
  
  	
	$("#close").click(function(){
	    $("#flash_presentation").css("visibility", "visible");
			$("#light_bg").fadeOut("slow");
			$("#signup_box").fadeOut("slow");
			$("body").css("overflow","visible");
	});
	
	
	$(function(){
    $("#sign_up_form").submit(function(e){
       e.preventDefault();   

       $("#message_post").css("display","none");

       // build the location URL
       var loc = document.location;
       var url = loc.protocol +"//" + loc.hostname + "/php/process_signup_form.php";
        $("#sign_up_form").css("display", "none");
        $("#loading_graphic").css("display", "block");
        $.post( url, $("#sign_up_form").serialize(),
        function(data){
            $("#loading_graphic").css("display", "none");
            $("#sign_up_form").css("display", "block");
            if(data.email_check == 'invalid'){

                    $("#message_post").html("<div class='error_message'>Sorry " + data.name + ", " + data.email + " is NOT a valid e-mail address. Try again.</div>"); 
                    $("#message_post").css("display", "block");    
            } else {
                $("#sign_up_form").css("display", "none");
                $("#message_post").css("display", "none");
                $("#activearea").css("display", "block");
                $("#activearea").html("<h4>Success</h4><p class='content'>Thank you, " + data.name + "</p><p class='content'>A copy of our brochure has been sent to:" + data.email + ".</p>");
                }
        }, "json"); 
    });

});
	
});