// JavaScript Document

$(document).ready(function() {
	$('li a')
		.css( {backgroundPosition: "0px -75px"} ) //デフォルト時、背景画像を横-20px、縦35pxに指定。
		.mouseover(function(){
			$(this).stop().animate({backgroundPosition:"(0px 0px)"}, {duration:200})
			//マウスオーバー時に縦位置94pxに0.5秒かけて移動
		})
		.mouseout(function(){
			$(this).stop().animate({backgroundPosition:"(0px -75px)"}, {duration:500, complete:function(){
			//マウスアウト時に横位置40px、縦位置35pxに2秒かけて移動
				$(this).css({backgroundPosition: "-0px -75px"})
				//移動完了後、元の位置に戻す
			}})
	})
});