$(document).ready(function(){

	// サムネイルの最初のli要素に.selectを付与
	$("#thumb ul li:first").addClass("select");
	// カーソルをポインタに（サムネイル）
	$("#thumb ul li").hover(function(){
		$(this).css("cursor","pointer");
	},function(){
		$(this).css("cursor","default");
	});

	// div.boxをすべて非表示
	$(".box").hide();
	// 一番最初のdiv.boxを表示
	$(".box:first").show();

	// タブ切替処理
	$("#thumb ul li").click(function () {
		// すべてのサムネイルからclass="select"を取り除く
		$("#thumb ul li").removeClass("select");
		// クリックしたli要素に.selectを付与
		$(this).addClass("select");
		// div.boxをすべて非表示
		$(".box").hide();
		// クリックしたサムネイルのインデックス番号と同じ.box要素をフェード表示
		$(".box").eq($("#thumb ul li").index(this)).fadeIn();
	});

});