$(document).ready(function(){

$("#submit").click(function(){					   				   
		$(".error").hide();
		var hasError = false;
		var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
		
		var nameFromVal = $("#nameFrom").val();
		if(nameFromVal == '') {
			$("#nameFrom").after('<p class="error">Please enter your name.</p>');
			hasError = true;
		}

		var emailFromVal = $("#emailFrom").val();
		if(emailFromVal == '') {
			$("#emailFrom").after('<p class="error">Please enter your email address.</p>');
			hasError = true;
		} else if(!emailReg.test(emailFromVal)) {	
			$("#emailFrom").after('<p class="error">You must use a valid email address, e.g john@hotmail.com.</p>');
			hasError = true;
		}
		
		
		var messageVal = $("#message").val();
		if(messageVal == '') {
			$("#message").after('<p class="error">Please enter the message you would like to send.</p>');
			hasError = true;
		}
		
		
		if(hasError == false) {
			$(this).hide();
			$("#sendEmail li.buttons").append('<img src="_img/loading.gif" alt="Loading" id="loading" />');
			
			$.post("_js/contact.php",
   				{ emailFrom: emailFromVal, message: messageVal, nameFrom: nameFromVal },
   					function(data){
						$("#sendEmail").slideUp("normal", function() {				   
							
							$("#sendEmail").before('<div id="thankyou"><h1>Thank you</h1><p>Your email has been sent successfully.</p></div>');											
						});
   					}
				 );
		}
		
		return false;
	});						   
});