// "Ajax Forms with jQuery" by Trevor Davis
// http://trevordavis.net/blog/tutorial/ajax-forms-with-jquery/

$(document).ready(function(){
	$("#mailingListSubmit").click(function(){					   				   
		$(".error").hide();
		var hasError = false;
		var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
		
		var nameVal = $("#cName").val();
		if(nameVal == '') {
			$("#cName").after('<br /><span class="error">Name is a required field.</span>');
			hasError = true;
		}
		
		var emailVal = $("#cEmail").val();
		if(emailVal == '') {
			$("#cEmail").after('<br /><span class="error">Email is a required field.</span>');
			hasError = true;
		} else if(!emailReg.test(emailVal)) {	
			$("#cEmail").after('<br /><span class="error">Please enter a valid email address.</span>');
			hasError = true;
		}
		
		if(hasError == false) {
			$(this).hide();
			
			$.post("http://mylifeworkstoday.com/mailinglist/process_mailinglist.php",
   				{ cName: nameVal, cEmail: emailVal },
   					function(data){
						$("#mailingListForm").fadeOut("normal", function() {
							$("#mailingListForm").before('<h3>Thank You</h3><p>You have been added to the My Life Works Today mailing list.</p>');											
						});
   					}
				 );
		}
		
		return false;
	});
});