$(document).ready(function(){
	// FadeIn header
	$("#email-top").click(function(){
		$("#newsletter-top-panel").fadeIn("slow");
	});    
	
	// SlideDown mid section
	$("#email-mid").click(function(){
		$("#newsletter-mid-panel").slideDown("slow");
	});    
	
	// Clear email field onclick
	$("input[@name=email]").click(function() {
    	$(this).attr("value", "");
    }); 



	// Do stuff for top section
 	$('#newsletter-header-form').ajaxForm({ 
 		target: '#merci-top', // Tell target for message echo
 		 
 		beforeSubmit: function() { // Validate email address before submit

 	   		var email = $('#email-top').fieldValue(); // Get email field value
 	   	
 	   		// If email no good add error-email class (red bg) and return false
 	   		if ( !email || /^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/i.test(email) == false ) {
 	   			$("#email-top-cont").addClass("error-email");
 	   			return false;
 	   		} else {
 	   		// Else return true
 	   			return true;
 	   		}				

 	   },  // End beforeSubmit
 	   
 	   success: function() { // On successful submit hide panel, remove error-email class and thank
 	    	$("#email-top-cont").removeClass("error-email");
			setTimeout(function() {
				$("#newsletter-top-panel").fadeOut("slow");
 	   			$("#email-top").attr("value", "Merci !");
    		}, 3000);
 	   }  // End success
 	}); // End #newsletter-header-form ajaxForm	   			



	// Do stuff for mid section
 	$('#newsletter-mid-form').ajaxForm({ 
 		target: '#merci-mid', // Tell target for message echo
 		 
 		beforeSubmit: function() { // Validate email address before submit

 	   		var email = $('#email-mid').fieldValue(); // Get email field value
 	   	
 	   		// If email no good add error-email class (red bg) and return false
 	   		if ( !email || /^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/i.test(email) == false ) {
 	   			$("#email-mid-cont").addClass("error-email");
 	   			return false;
 	   		} else {
 	   		// Else return true
 	   			return true;
 	   		}				

 	   },  // End beforeSubmit
 	   
 	   success: function() { // On successful submit hide panel, remove error-email class and thank
 	    	$("#email-mid-cont").removeClass("error-email");
			setTimeout(function() {
				$("#newsletter-mid-panel").slideUp("slow");
 	   			$("#email-mid").attr("value", "Merci !");
    		}, 3000);
 	   }  // End success
 	}); // End #newsletter-header-form ajaxForm	   			


}); // End document.ready