$(document).ready(function(){
	$(function(){
		$('#sendMessage').mousedown(function(e){
			$('#sendMessage').css({backgroundPosition: '-1px -101px'});
			return false;
		});
		$('#sendMessage').mouseup(function(e){
			$('#sendMessage').css({backgroundPosition: '0 -50px'});
			return false;
		});
		$('#sendMessage').mouseout(function(e){
			$('#sendMessage').css({backgroundPosition: '0 0'});
			return false;
		});
		$('#sendMessage').mouseover(function(e){
			$('#sendMessage').css({backgroundPosition: '0 -50px'});
			return false;
		});
	});
	
	$("#messageForm").validate({
	   errorContainer: "#errorMessages",
	   errorLabelContainer: "#errorMessages ul",
	   wrapper: "li", debug:true,
	   messages: {
		   fullname: "— Please enter your name",
		   who: "— Select who gets your message",
		   message: "— You wanted to send a message, right?",
		   email: {
			   required: "— Email address would be nice",
			   email: "— Check your email address"
		   }
	   },	   
	   submitHandler: function(form) {
		   var options = {
				beforeSubmit: onBefore,
				success: onSuccess
			};
		   $(form).ajaxSubmit(options);
	   }
	})	
});

function onBefore(formData, jqForm, options) {
	$('#btn').html("<p>Submitting...</p>");
}

function onSuccess(responseText, statusText)  { 
	$('#sendInfo').hide();
	$('#messageForm').slideUp();
	$('#errorMessages').html(responseText).slideDown();		
}