// -----------------------------------------------------------------------------
// CONTACT FORM
// Validates the contact form repsonses and submits via AJAX with fancy effects
// -----------------------------------------------------------------------------
$(function() {
	$("#contact-form").validate({ 
        submitHandler: function(form) {
	        var sender = $("#sender").val();
			var email = $("#email").val();
			var subject = $("#subject").val();
			var message = $("#message").val();
			var dataString = 'sender='+ sender + '&email=' + email + '&subject=' + subject + '&message=' + message;
			
			$("button").html("Sending...").attr("disabled", true);
			$.ajax({
				type: "POST", 
				data: dataString,
				success: function() {
					$(form).fadeOut(1000);
					$("#response-container").append('<p id="response"><span id="check">&#10003;</span> Your message has been sent. I\'ll get back to you as soon as I can.</p>');
					$("#response").css({ opacity: 0 }).delay(1200).animate({ opacity: 1, top: "0px" }, 600);
				}
			});
			return false;
        }
	});	
})