$(document).ready(function(){
	$("#submit").click(function(){					   				   
		
		$(".error").hide();
		
		var hasError = false;
		var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
		
		var fnameVal = $("#fname").val();
		var emailFromVal = $("#emailFrom").val();
		var subjectVal = $("#subject").val();
		var shoeSize = $("#shoeSize").val();
		var messageVal = $("#message").val();
		
		if(fnameVal == '') {
			$("#fname").css('border-color', '#be1f25');
			$("#fname").after('<div class="error">Please enter your name.</div>');
			hasError = true;
			} else	if(emailFromVal == '') {
			
				$("#emailFrom").css('border-color', '#be1f25');
				$("#emailFrom").after('<div class="error">Please enter your email address.</div>');
				hasError = true;
			
				} else if(!emailReg.test(emailFromVal)) {	
		
					$("#emailFrom").css('border-color', '#be1f25');
					$("#emailFrom").after('<div class="error">Please enter a valid email address.</div>');
					hasError = true;
					
					} else	if(shoeSize == '') {
					
						$("#shoeSize").css('border-color', '#be1f25');
						$("#shoeSize").after('<div class="error">Please specify your shoe size.</div>');
						hasError = true;
					
						} else	if(subjectVal == '') {
					
							$("#subject").css('border-color', '#be1f25');
							$("#subject").after('<div class="error">Please enter a subject for your enquiry.</div>');
							hasError = true;
						
							} else if (messageVal == '') {
							
								$("#message").css('border-color', '#be1f25');
								$("#message").after('<div class="error" style="padding-left:170px;">Please let us know about your enquiry.</div>');
								hasError = true;
								}
		
		
		if(hasError == false) {
			$(this).hide();
			$("#sendEmail li.buttons").append('<img src="/wp-content/themes/default/images/template/loading.gif" alt="Loading" id="loading" />');
			
			$.post("/sendemail.php",
   				{ emailTo: 'sarah@intheseshoes.co.uk', emailFrom: emailFromVal, subject: subjectVal, message: messageVal },
   					function(data){
						$("#sendEmail").slideUp("normal", function() {				   
							
							$("#sendEmail").before('<h1>Success</h1><p>Your email was sent.</p>');											
						});
   					}
				 );
		}
		
		return false;
	});						   
});