$(function() {
	$('.error').hide();
	$('#gears').hide();
	$("#submit").click(function() {
		// validate
		
		$('.error').hide();
		var name = $('input#name').val();
		if(name == "") {
			$('p.name').append('<span class="extra error">Please provide your name.</span>');
			$('input#name').focus();
			return false;
		}
		
		var email = $('input#email').val();
		if(email == "") {
			$('p.email').append('<span class="extra error">Please provide your e-mail.</span>');
			$('input#email').focus();
			return false;
		}
		
		var subject = $('input#subject').val();
		if(subject == "") {
			$('p.subject').append('<span class="extra error">Please provide a subject.</span>');
			$('input#subject').focus();
			return false;
		}	
		
		var message = $('textarea#message').val();
		if(message == "") {
			$('p.message').append('<p class="error" style="margin:10px 0px 0px 165px;">Please provide a message.</p>');
			$('input#message').focus();
			return false;
		}
		
		var dataString = 'name='+ name + '&email=' + email + '&subject=' + subject + '&message=' + message;
		
		$('#contact_form').slideUp(500);
		$('#gears').animate({opacity:1.0}, 510).fadeIn(1000);
				
		$.ajax({
			type: "POST",
			url: "http://wpcoder.com/_includes/mail.php",
			data: dataString,
			success: function() {
				$('#gears').fadeOut(500);
				
				$('#contact_form').animate({opacity: 1.0}, 600).fadeIn(2000).html('<p style="text-align:center; margin-top:120px;"><strong>Your message has been submitted.</strong> You should receive a response within 24 hours.');
			}
		});
		
		return false;
		
	});
});