$(document).ready(function() {
	////////////////////////////////////////////////////////////
	// サブナビゲーション
	////////////////////////////////////////////////////////////
	$("ul#mainImageNavi li").hover(
		function () {

			//li
			var img_path = $(this).find("img").attr("src");
			img_path = img_path.replace(".gif","_on.gif");
			$(this).find("img").attr("src",img_path);

			var subnavicount = $(this).find("li").length;
			$(this).find("li").each(function (i) {
				$(this).animate({
					top:($(this).height()+1)  * (subnavicount-i)*-1,
					opacity:"show"
				}, 0);
			});

			//table
			//ie6　xを指定しないと位置がずれる。
			var xpos = $(this).position().left;

			var ypos = $(this).find("table").height()*-1;
			$(this).find("table").animate({
				top:ypos,
				left:xpos,
				opacity:"show"
			}, 0);
		},
		function () {

			//li
			var img_path = $(this).find("img").attr("src");
			img_path = img_path.replace("_on.gif",".gif");
			$(this).find("img").attr("src",img_path);

			$(this).find("li").each(function (i) {
				$(this).animate({
					top:0,
					opacity:"hide"
				}, 0 );
			});
			//table
			$(this).find("table").animate({
				top:0,
				opacity:"hide"
			}, 0 );
		}
	);

});