$(function(){
	$('#main-navigation a').each(function(i) {
		var ypos = i * -200;
		$(this).css({ backgroundPosition: ("0 " + (ypos - 100) + "px") })
		.mouseover(function(){
			$(this)
			.stop()
			.animate({
					backgroundPosition:"(0 " + (ypos - 20) +"px)",
					paddingTop: 19
				}, 
				{duration: 300}
			)
		})
		.mouseout(function(){ 
			$(this)
			.stop()
			.animate({
				backgroundPosition:"(0 " + (ypos - 100) + "px)",
				paddingTop:9
			}, 
			{
				duration: 200, 
				complete:function(){ $(this).css({backgroundPosition: ("0 " + (ypos - 100) + "px")})}
			})
		});	
	});		
})