$(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('<br /><span class="error">&uarr; Please enter your name.</span>');
			hasError = true;
		}
		var phoneVal = $("#phone").val();
		if(phoneVal == '') {
			$("#phone").after('<br /><span class="error">&uarr; Please enter your phone number.</span>');
			hasError = true;
		}
		
		
		var emailFromVal = $("#emailFrom").val();
		if(emailFromVal == '') {
			$("#emailFrom").after('<span class="error">&uarr; Please enter your e-mail address.</span>');
			hasError = true;
		} else if(!emailReg.test(emailFromVal)) {	
			$("#emailFrom").after('<span class="error">&uarr; E-mail address is invalid.</span>');
			hasError = true;
		}
		
		var subjectVal = $("#subject").val();
		if(subjectVal == '') {
			$("#subject").after('<span class="error">&uarr; Please enter a subject.</span>');
			hasError = true;
		}
		
		var messageVal = $("#message").val();
		if(messageVal == '') {
			$("#message").after('<span class="error">&uarr; Please enter a message.</span>');
			hasError = true;
		}
		
		
		if(hasError == false) {
			$(this).hide();
			$("#sendEmail li.buttons").append('<img src="images/sending" alt="Loading" id="loading" />');
			//start post
			$.post("inc/sendemail.php",
   				{ name: nameVal, phone: phoneVal, emailFrom: emailFromVal, subject: subjectVal, message: messageVal },
   					function(data){
						$("#sendEmail").slideUp("normal", function() {				   
							
							$("#sendEmail").before('<div id="sendEmail"><h1>Successful: Email Sent</h1><p>Thank you for contacting our firm. We have received your message and someone will be in contact with you in the near future.</p></div>');											
						});
   					}
				 );//end post
		}
		
		return false;
	});						   
});