$(document).ready(function(){
	$(".submit").click(function(){					   				   
		$("ol.forms input, ol.forms textarea").css('backgroundColor', '#b1c5b9');
		$(".error").remove();
		
		var hasError = false;
		var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
		
		var emailVal = $("#email").val();
		var nameVal = $("#name").val();
		var messageVal = $("#message").val();
		
		function showError(selector) {
			$(selector).css( { backgroundColor : '#e7bac5' });
			$(selector).val('Please fill out this field');
			hasError = true;
		}
		
		if(nameVal == '' || nameVal == 'Please fill out this field') {
			showError("#name");
		}
		
		if(messageVal == '' || messageVal == 'Please fill out this field') {
			showError("#message");
		}

		if(emailVal == '' || emailVal == 'Please fill out this field') {
			showError("#email");
		} else if (!emailReg.test(emailVal)) {
			$("#email").css( { backgroundColor : '#e7bac5' });
			$("#email").val('Please enter a proper email address');
			hasError = true;
		}
		
		if(hasError == false) {
			$("#ajaxLoader").css('display', 'block');
			
			$.post("../php/sendemail.php",
   				{ emailFrom: emailVal, 
				  subject: "Enquiry via website", 
				  name: nameVal,
				  message: messageVal},
   					function(data){ 
						if (data!=false) {
						$("#sendEmail").slideUp("normal", function() {				   
							$("#sendEmail").before("<div class='outcome'><h1>Thank you</h1><p>Your enquiry was sent.</p></div>");											
						});
						} else {
						$("#sendEmail").slideUp("normal", function() {
							$("#sendEmail").before("<div class='outcome'><h1>Something went wrong</h1><p>Please try again.</p></div>");	
						});
						}
   			});
		}
		
		return false;
	});						   
});