$(document).ready(function(){
	//	background-image animation on rollover of #nav li
	//	durations for rollover & rollout animations
	var inDuration	=	250;
	var outDuration	=	500;
	var nav				=	$("#nav li");
		
	nav.each(function(i){
		if(!($(this).hasClass('active'))){
			$(this).mouseover(function(){
				var yPos = eval( i * -30) + "px";
				var xPos = "0px";
				var position = xPos + " " + yPos;
				$(this).css("background-position","130px " + yPos);
				$(this).stop().animate({backgroundPosition: position}, {duration:inDuration})
			});
			
			$(this).mouseout(function(){
					var yPos = eval( i * -30) + "px";
					var xPos = "130px";
					var position = xPos + " " + yPos;
					$(this).stop().animate({backgroundPosition: position}, {duration:outDuration})
			})
		}
	})
});