// wait for the DOM to be loaded 
$(document).ready(function(){
	$("#submit").click(function(){					   				   
		$(".error").hide();
		var hasError = false;
		var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
		
		var emailVal = $("#email").val();
		if(emailVal == '') {
			$("#email").after('<span class="error"> Required</span>');
			hasError = true;
		} else if(!emailReg.test(emailVal)) {	
			$("#email").after('<span class="error"> Invalid email.</span>');
			hasError = true;
		}

		var fnameVal = $("#fname").val();
		if(fnameVal == '') {
			$("#fname").after('<span class="error"> Required</span>');
			hasError = true;
		}

		var lnameVal = $("#lname").val();
		if(lnameVal == '') {
			$("#lname").after('<span class="error"> Required</span>');
			hasError = true;
		}
		var address1Val = $("#address1").val();
		if(address1Val == '') {
			$("#address1").after('<span class="error"> Required</span>');
			hasError = true;
		}
		var zipVal = $("#zip").val();
		if(zipVal == '') {
			$("#zip").after('<span class="error"> Required</span>');
			hasError = true;
		}

		var cityVal = $("#city").val();
		if(cityVal == '') {
			$("#city").after('<span class="error"> Required</span>');
			hasError = true;
		}

		var stateVal = $("#state").val();
		if(stateVal == '') {
			$("#state").after('<span class="error"> Required</span>');
			hasError = true;
		}

		var address2Val = $("#address2").val();
		var phoneVal = $("#phone").val();
		var faxVal = $("#fax").val();

		if(hasError == false) {
			$(this).hide();
			$("#subscribe submit").append('<img src="/_images/loading.gif" alt="Loading" id="loading" />');
			
			$.post("saveMailingList.php",
   				{  fname: fnameVal, lname: lnameVal, email: emailVal, address1: address1Val, address2: address2Val, phone: phoneVal, fax: faxVal,city: cityVal, state: stateVal, zip : zipVal },
   					function(data){
						$("#subscribe").slideUp("normal", function() {				   
							$("#subscribe").before(data);		
							
						});
   					}
				 );
		}
		
		return false;
	});						   
});