$(document).ready(function(){
	$("#submit").click(function(){					   				   
		$(".error").hide();
		var hasError = false;
		var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
		var phoneReg = /^([\(]{1}[0-9]{3}[\)]{1}[\.| |\-]{0,1}|^[0-9]{3}[\.|\-| ]?)?[0-9]{3}(\.|\-| )?[0-9]{4}$/;
		
		var nameVal = $("#name").val();
		if(nameVal == '') {
			$("#name").after('<span class="error">You forgot to enter your name.</span>');
			hasError = true;
		}
		
		var phoneVal = $("#phone").val();
		if(phoneVal == '') {
			$("#phone").after('<span class="error">You forgot your phone number.</span>');
			hasError = true;
		} else if(!phoneReg.test(phoneVal)) {	
			$("#phone").after('<span class="error">Please enter a valid US Phone Number.</span>');
			hasError = true;
		}
		
		var emailVal = $("#email").val();
		if(emailVal == '') {
			$("#email").after('<span class="error">You forgot to enter your email address.</span>');
			hasError = true;
		} else if(!emailReg.test(emailVal)) {	
			$("#email").after('<span class="error">Please enter a valid email address.</span>');
			hasError = true;
		}
		
		var messageVal = $("#message").val();
		if(messageVal == '') {
			$("#message").after('<span class="error">You forgot to enter the message.</span>');
			$(".buttons").css('margin-top', '0px');
			hasError = true;
		}
		
		
		if(hasError == false) {
			$(this).hide();
			$("#sendEmail li.buttons").append('<img src="images/loadingAnimation.gif" alt="Loading" id="loading" />');
			
			$.post("sendEmail.php",
   				{ name: nameVal, phone: phoneVal, email: emailVal, message: messageVal },
   					function(data){
						$("#sendEmail").slideUp("normal", function() {				   
							$(".contact-form").css("text-align", "center");
							
							$("#sendEmail").before('<div class="contact-thanks" style="width: 260px; float: left;text-align: center; padding: 50px 20px 0;"><h3>Thanks!</h3><p style="text-align: center">Your email has been sent and we will be contacting you shortly.</p></div>');														
						});
   					}
				 );
		}
		return false;
	});						   
});