// execute your scripts when the DOM is ready. this is a good habit 
j$(function() { 
 
    // initialize scrollable 
    j$("div.scrollable").scrollable(); 
 
}); 


// tab切り替え
j$(document).ready(function(){

	// 初期設定

		// #nav直下の全li要素の中から最初のli要素に.selectを追加
		j$("#nav > li:first").addClass("select");
		// #nav直下の全li要素にマウスオーバーしたらリンク要素に偽装
		j$("#nav > li").hover(function(){
			j$(this).css("cursor","pointer");
		},function(){
			j$(this).css("cursor","default");
		});

		// #tab直下の全div要素を非表示
		j$("#tab > div").hide();
		// #tab直下の全div要素の中から最初のdiv要素を表示
		j$("#tab > div:first").show();

	// タブ切替処理
	j$("#nav > li").click(function () {
		// #nav直下の全li要素のclass属性を削除
		j$("#nav > li").removeClass("select");
		// クリックしたli要素に.selectを追加
		j$(this).addClass("select");
		// #tab直下の全div要素を非表示
		j$("#tab > div").hide();
		// クリックしたタブのインデックス番号と同じdiv要素をフェード表示
		j$("#tab > div").eq(j$("#nav > li").index(this)).fadeIn();
	});

});