$(document).ready(function() {

	// Normal hover
	$('#hd li:not(.current) a').css({backgroundPosition: '50% 120px'}).hover(function(){
		 $(this).stop().animate({backgroundPosition: '(50% -100px)'}, 150, "easeOutQuart");
	},function(){
		$(this).stop().animate({backgroundPosition: '(50% 120px)'}, 350, "easeInQuart");
	});
	
	var current_bg = $('#hd li.current a').css('background-image');
	
	// Current hover with full animation goodness
	$('#hd li.current a').each(function(){
		$(this).css({
			backgroundImage: current_bg,
			backgroundPosition: '50% 100px'
		});
	}).hover(function(){
		$(this).stop().animate({backgroundPosition: '(50% 93px)'}, 75, "easeInQuart", function(){
			$(this).removeAttr('style').parent().removeClass('current');
			$(this).css({backgroundPosition: '50% 120px'}).animate({backgroundPosition: '(50% -100px)'}, 125, "easeOutQuart");
		});
		
	},function(){
		$(this).stop().animate({backgroundPosition: '(50% 120px)'}, 300, "easeInQuart", function(){
			$(this).removeAttr('style').parent().addClass('current');
			$(this).css({backgroundPosition: '50% 93px'}).animate({backgroundPosition: '(50% 100px)'}, 150, "easeOutQuart", function(){
				$(this).css({backgroundImage: current_bg});
			});
		});
	});
	
	// Current hover w/o bottom pointer animation
	/*
	$('#hd li.current a').hover(function(){
		if($(this).parent().hasClass('current')) {
			$(this).parent().removeClass('current');
			$(this).css({backgroundPosition: '50% 120px'});
		}
		$(this).stop().animate({backgroundPosition: '(50% -100px)'}, 150, "easeOutQuart");
	},function(){
		$(this).stop().animate({backgroundPosition: '(50% 120px)'}, 350, "easeInQuart",function(){
			$(this).removeAttr('style').parent().addClass('current');
		});
	});
	*/
	
});