$(function(){

	$("#index-menu img").hover(function(){

			//フェード処理キャンセル
			$(this).stop(true,true);
			
			//off画像URL取得、代入
			var url = 'url(' + $(this).attr("src") + ') left top no-repeat';
			var width = $(this).width();
			var height = $(this).height();

			//親の背景画像をoffに変更
			$(this).parent().css('background',url); 
			$(this).parent().css('width',width);
			$(this).parent().css('height',height);
			$(this).parent().css('display','block');

			//imgを隠す
			$(this).hide();
			
			//on画像に差し替える
			$(this).attr("src",$(this).attr("src").replace(/off\.gif$/, "on.gif"));
			
			//on画像をフェードイン
			$(this).fadeTo("normal", 1.0);

		},function(){
		
			//on画像URL取得、代入
			var url = 'url(' + $(this).attr("src") + ') left top no-repeat';
			var width = $(this).width();
			var height = $(this).height();

			//親の背景画像をonに変更
			$(this).parent().css('background',url); 
			$(this).parent().css('width',width);
			$(this).parent().css('height',height);
			$(this).parent().css('display','block');

			//imgを隠す
			$(this).hide();
			
			//off画像に差し替える
			$(this).attr("src",$(this).attr("src").replace(/on\.gif$/, "off.gif"));
			
			//on画像をフェードイン
			$(this).fadeTo("normal", 1.0);
		})
})