$(function() {
	//make sure error messages are hidden
	$('.error').hide();
	
	//now, let's set logic for input feild styles
	$('.txt').focus(function(){
		$(this).addClass("onfocus");
		$(this).removeClass("onfail");
	});
	$('.txt').blur(function(){
		$(this).removeClass("onfocus");
	});
	
	$(".submit_mail").click(function() {
		// validate and process the form
		// first hide any error messages
		$('.error').hide();
		
		//next, let's set our required feild variables
		var fname = $("input#fname").val();
		var lname = $("input#lname").val();
		var email = $("input#email").val();
		var address1 = $("input#address").val();
		var address2 = $("input#address2").val();
		var city = $("input#city").val();
		var state = $("input#state").val();
		var zip = $("input#zip").val();
		var email = $("input#email").val();
		
		//we need some extra variables for email validation
		var at = "@";
		var dot = ".";
		
		if (fname == "") {
			$("input#fname").addClass("onfail");
		}
		if (lname == "") {
			$("input#lname").addClass("onfail");
		}
		if (address1 == "") {
			$("input#address").addClass("onfail");
		}
		if (city == "") {
			$("input#city").addClass("onfail");
		}
		if (state == "") {
			$("input#state").addClass("onfail");
		}
		if (zip == "") {
			$("input#zip").addClass("onfail");
		}
		if (email == "" || email.indexOf(at)==-1 || email.indexOf(dot)==-1) {
			$("input#email").addClass("onfail");
		}
		//if something is missing, don't process the form
		if (fname == "" || lname == "" || address1 == "" || city == "" || state == "" || zip == "" || email == "" || email.indexOf(at)==-1 || email.indexOf(dot)==-1) {
			
			return false;
		}
		//if all is good, then create a datastring with the values
		var dataString = 'firstname=' + fname + '&lastname=' + lname + '&address1=' + address1 + '&address2=' + address2 + '&city=' + city + '&stateid=' + state + '&zip=' + zip + '&email=' + email;
		
		$.ajax({
			cache: false,
			type: "POST",
			url: "http://www.lettucescratchoff.com/3-includes/addemaildb.php",
			data: dataString,
			success: function() {
				$('#mail').html('<h2>THANK YOU!</h2><p>You are now automatically signed up to receive Scratch Off certificates by mail in the summer of 2012.</p>').hide().fadeIn(1500, function() {
					$('#mail');
				});
			}
		});
		return false;
		});
});