//	＝＝＝＝＝ esオフィシャルサイト 各ページ用 JavaScript ＝＝＝＝＝
//	
//	jQueryの後に読み込み、jQueryの機能を利用します
//		マウスオーバーによるイメージのフェード加工
//		マウスオーバーによるイメージの切り替え
//	
//	

$(function() {
	$("img.tab").click(function() {
		var tabname = $(this).attr("name");
		$(this).parent().parent().hide();
		$("div." + tabname).show();
	});

	$("span.fadeImg img").hover(function() { // <span class="fadeImg"><img src~ のイメージをフェード加工する
		$(this).fadeTo(100, 0.4);
	},function() {
		$(this).fadeTo(100, 1);
	});

	$(".thumbs a").click(function() {
		return false;
	});
	$(".thumbs a").hover(function() {
		$(this).css("cursor","pointer");
		var commentName = $(this).attr("class");
		$("img." + commentName).fadeTo(200, 0.4);
		var largePath = $(this).attr("href");
		var largeAlt = $(this).attr("title");
		$(".largeImage").hide();
		$(".largeImage").attr({ src: largePath, alt: largeAlt });
		$(".largeImage").fadeIn(700);
	},function() {
		var commentName = $(this).attr("class");
		$("img." + commentName).fadeTo(200 ,1);
	});
});