$(document).ready(function(){
	$("#submit").click(function(){
		$(".error").hide();
		
		var hasError = false;
		var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;

		var nameVal = $("#name").val();
		if(nameVal == '') {
			$("#name").after('<span class="error">You forgot to enter your name.</span>');
			hasError = true;
		}
		
		var emailFromVal = $("#emailFrom").val();
		if(emailFromVal == '') {
			$("#emailFrom").after('<span class="error">You forgot to enter your email address.</span>');
			hasError = true;
		} else if(!emailReg.test(emailFromVal)) {	
			$("#emailFrom").after('<span class="error">Please enter a valid email address.</span>');
			hasError = true;
		}
		
		var subjectVal = $("#subject").val();
		if(subjectVal == '') {
			$("#subject").after('<span class="error">You forgot to enter the subject.</span>');
			hasError = true;
		}
		
		var messageVal = $("#message").val();
		if(messageVal == '') {
			$("#message").after('<span class="error">You forgot to enter the message.</span>');
			hasError = true;
		}


		if(hasError == false) {
			$(this).hide();
			$("#sendEmail li.buttons").append('<img src="loading.gif" alt="Loading" id="loading" />');
			
			$.post("sendemail.php",
   				{ name: nameVal, emailFrom: emailFromVal, subject: subjectVal, message: messageVal },
   					function(data){
						$("#sendEmail").fadeOut(400, function() {				   
							$("img#loading").remove();
							$("#sendEmail").before('<p><span class="bigletter">Success!</span><br /><br /><img src="../img/check.png" class="check" /><span class="green">Message sent. Thank you and have a great day!</span></p>');
							setTimeout(function() {
								$("#contact_form p").fadeOut(400);
							}, 2000);
						});
   					}
				);
				
				setTimeout(function() {
					$("#sendEmail").fadeIn(600);
					$("form p").show();
					$("#submit").show();
				}, 5000);
				
			$('#sendEmail')[0].reset();
			
		}
		return false;
	});
});