$("a").ready(function() {
	$("a").click(function() {
		$(this).blur();
	});
});

$(".menu_fade_back_colour").ready(function() {
	$(".menu_fade_back_colour a").each(function(i) {
		var backCol = $(this).css("background-color");
		
		$(this).addClass("hover");
		var backHoverCol = $(".menu_fade_back_colour a.hover").css("background-color");
		$(this).removeClass("hover");
		
		$(this).addClass("active");
		var backActiveCol = $(".menu_fade_back_colour a.active").css("background-color");
		$(this).removeClass("active");

		$(this).mouseover(function() {
			$(this).stop();
			$(this).animate({ backgroundColor: backHoverCol }, "400");
		}).mouseout(function() {
			//$(this).stop(); //play with this for a different fade effect
			$(this).animate({ backgroundColor: backCol }, "400");
		});
		
		$(this).mouseup(function() {
			//$(this).stop(); //play with this to interupt fading of a click
			$(this).animate({ backgroundColor: backHoverCol }, "10");
		}).mousedown(function() {
			$(this).stop();
			$(this).animate({ backgroundColor: backActiveCol }, "10");
		});
	});
});