$(document).ready(function(){
	$("#submit").click(function(){					   				   
		$(".error").hide();
		var hasError = false;
		var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
		
		var sendMessageTo = 'info@markrookescarpenters.co.uk';
		var sendMessageFrom = 'no-reply@markrookescarpenters.co.uk';
		
		var emailVal = $("#email").val();
		if(emailVal == '') {
			$("#email").after('<div class="error">Please enter your email address.</div>');
			hasError = true;
		} else if(!emailReg.test(emailVal)) {	
			$("#email").after('<div class="error">Please nter a valid email address.</div>');
			hasError = true;
		}
		
		var nameVal = $("#name").val();
		if(nameVal == '') {
			$("#name").after('<div class="error">Please enter your name.</div>');
			hasError = true;
		}

		var phoneVal = $("#phone").val();
		if(phoneVal == '') {
			$("#phone").after('<div class="error">Please enter your phone number.</div>');
			hasError = true;
		}
		
		var messageVal = $("#message").val();
		if(messageVal == '') {
			$("#message").after('<div class="error">Please enter the message.</div>');
			hasError = true;
		}
		
		var subjectVal = 'Website Contact Form: ' + nameVal;

		var sendMessage = 'Name: ' + nameVal + '\nPhone: ' + phoneVal + '\nEmail: ' + emailVal + '\nMessage:\n' + messageVal;
		
		if(hasError == false) {
			$(this).hide();
			$("#sendEmail li.buttons").append('<img src="img/template/loading.gif" alt="Loading" id="loading" />');
			
			$.post("sendemail.php",
   				{ emailTo: sendMessageTo, emailFrom: sendMessageFrom, subject: subjectVal, message: sendMessage },
   					function(data){
						$("#sendEmail").slideUp("normal", function() {				   
							
							$("#sendEmail").before('<h1>Success</h1><p>Your email was sent.</p>');											
						});
   					}
				 );
		}
		
		return false;
	});						   
});