// tabs
$(function(){
	var conf = {
		// タブフィールド用クラス
		classTabField : 'tabfield',
		// タブの見出し用ul
		classTabIndex : 'tabindex',
		 //タブのコンテンツ領域用
		classTabContents : 'tabcontents',

		//アクティブタブ見出し
		classEnableTabIndex : 'enabletabindex', 
		//アクティブタブ中身
		classEnableTabContent : 'enabletab',
		//非表示タブ見出し
		classDisableTabIndex : 'disabletabindex',
		//非表示タブコンテンツ
		classDisableTabContent : 'disabletab'
	};



	//TabFieldを取得
	$TabField = $('.' + conf.classTabField);

	//タブの初期設定
	//全タブ・見出しdisable
	$('.' + conf.classTabIndex + ' li',$TabField)
		.addClass(conf.classDisableTabIndex);
	$('.' + conf.classTabContents)
		.addClass(conf.classDisableTabContent);

	$TabField.each(function(i){
		$TabIndex = $("li",this);
		$TabContent = $("." + conf.classTabContents,this);

	//先頭タブ・見出しのEnable
	$($TabIndex[0])
		.addClass(conf.classEnableTabIndex)
		.removeClass(conf.classDisableTabIndex);

	//タブコンテンツの初期表示
	$($TabContent[0])
		.addClass(conf.classEnableTabContent)
		.removeClass(conf.classDisableTabContent);

	$("." + conf.classTabIndex + " li",this)
		.each(function(j){

			//見出しクリック時の処理
			$(this).click(function(){
				//全タブ見出しDisable
				$("."+conf.classTabIndex + " li",$TabField[i])
					.removeClass(conf.classEnableTabIndex)
					.addClass(conf.classDisableTabIndex);

				//クリックした見出しEnable
				$(this)
					.addClass(conf.classEnableTabIndex)
					.removeClass(conf.classDisableTabIndex);

				//表示するタブコンテンツの取得
				$CurrentContent = $("."+conf.classTabContents,$TabField[i]);

				//全タブ一旦非表示
				$("." + conf.classTabContents,$TabField[i])
					.addClass(conf.classDisableTabContent)
					.removeClass(conf.classEnableTabContent);

				//クリックしたタブのコンテンツ表示
				$($CurrentContent[j])
					.addClass(conf.classEnableTabContent)
					.removeClass(conf.classDisableTabContent);
				return false;
			});
		});
	});	
});