$(document).ready(function(){
	$("#contact-form #submit").click(function(){					   				   
		$(".prompt").hide();
		$(".error").removeClass();
		var hasError = false;
		var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;	
		
		var nameVal = $("#contact-form #name").val();
		if(nameVal == '') {
			$("#contact-form #name").after('<span class="error prompt">Please enter your name.</span>');
			$("#contact-form #name").addClass("error");
			hasError = true;
		}
		
		var addrVal = $("#contact-form #addr").val();	
		var cityVal = $("#contact-form #city").val();
		var stateVal = $("#contact-form #state").val();		
		var zipVal = $("#contact-form #zip").val();
		
		var phoneVal = $("#contact-form #phone").val();
		if(phoneVal == '') {
			$("#contact-form #phone").after('<span class="error prompt">Please enter your phone number.</span>');
			$("#contact-form #phone").addClass("error");
			hasError = true;
		}
		
		var emailVal = $("#contact-form #email").val();
		if(emailVal == '') {
			$("#contact-form #email").after('<span class="error prompt">Please enter your email address.</span>');
			$("#contact-form #email").addClass("error");
			hasError = true;
		} else if(!emailReg.test(emailVal)) {	
			$("#contact-form #email").after('<span class="error prompt">Please enter a valid email address.</span>');
			$("#contact-form #email").addClass("error");
			hasError = true;
		}
		
		var messageVal = $("#contact-form #message").val();
		if(messageVal == '') {
			$("#contact-form #message").after('<span class="error prompt">Please enter your message.</span>');
			$("#contact-form #message").addClass("error");
			hasError = true;
		}
		
		if(hasError == false) {
	      $("#contact-form p.submit").html("<img src='http://www.maxfreezegel.com/images/loading.gif' />");
          $.ajax({
            type: "POST",
            url: "http://www.maxfreezegel.com/include/contact_mailer.php",
            data: { name: nameVal, addr: addrVal, city: cityVal, zip: zipVal, state: stateVal, email: emailVal, phone: phoneVal, message: messageVal},
            success: function() {
		      $('#contact-form').html("<h1>Submitted Successfully!</h1>");
              $('#contact-form h1').after("<div class='valid'></div>");
              $('.valid').html("<p><img src='http://www.maxfreezegel.com/images/contact_check.jpg' alt='Submitted Successfully!' /></p>")
              .append("<p>Your message was sent successfully. Thank You.</p>")
              .hide()
              .fadeIn(1500, function() {
                $('.valid').append("<p>Continue navigating <a href='http://www.maxfreezegel.com/'>MaxFreezeGel.com</a> to learn more about Zim's Max-Freeze&trade; products.</p>");
              });
            }
          });
		}
		
		return false;
	});						   
});