$(document).ready(function() {
	
	//navigation background movement
	$('#navigation ul li a')
		.css( {backgroundPosition: "0px 0px"} )
		
		.mouseover(function(){
			$(this).stop().animate({backgroundPosition:"(0px -76px)"}, {duration:500})
		})
		.mouseout(function(){
			$(this).stop().animate({backgroundPosition:"(0px 0px)"}, {duration:200, complete:function(){
				$(this).css({backgroundPosition: "0px 0px"})
			}})
		})	
	
	$('#locations li a')
		.css( {top: "0px", color: "#9E6064"} )
		
		.mouseover(function(){
			$(this).stop().animate({top: "-10px", color: "white"}, {duration:200})
		})
		.mouseout(function(){
			$(this).stop().animate({top: "0px", color: "#9E6064"}, {duration:100, complete:function(){
				$(this).css({top: "0px", color: "#9E6064"})
			}})
		})
	
	//$("#scroll_content").jScrollPane();
	
});