// jQueryを事前に読み込んでおくこと。
// 更新履歴
// ver 1.1 タブ切り替えの実装
// ver 1.0 フルパス用外部リンクの作成

$(function(){
	//コンフィグレーション
	var custom = {
		extLinkClass : 'externalLink', //外部リンクへの付与クラス
	
	
		//TabSwitcher
		classTabField : 'TabField', // タブフィールド用クラス
		classTabIndex : 'TabIndex', // タブの見出し用ul
		classTabContent : 'TabContent', //タブのコンテンツ領域用

		classEnableTabIndex : 'EnableTabIndex', // 現在のアクティブタブ見出し
		classEnableTabContent : 'EnableTab', //現在のアクティブタブ
		classDisableTabIndex : 'DisableTabIndex',	//非表示タブ見出し
		classDisableTabContent : 'DisableTab',				//非表示タブコンテンツ

		classDefaultEnableTab : 0	//初期状態で表示されるタブ

	};

	//外部サイト(フルパスURL)のリンク調整
	$('a.' + custom.extLinkClass)
		// クリック字のポップアップ処理
		.click(function(){
					window.open(this.href,"_blank");
					return false;
				});
		
////////////////////////////////////////////////////////////////////////


	//タブ切り替えVer.2
	//TabFieldを取得
	$TabField = $('.' + custom.classTabField);

	//タブの初期設定
	$('.' + custom.classTabIndex + ' li',$TabField).addClass(custom.classDisableTabIndex);
	$('.' + custom.classTabContent).addClass(custom.classDisableTabContent);
	
	$TabField.each(function(i){
								
								$TabIndex = $("li",this);
								$TabContent = $("." + custom.classTabContent,this);

								
								//タブインデックスの初期有効化
								$($TabIndex[0]).addClass(custom.classEnableTabIndex).removeClass(custom.classDisableTabIndex);
								//タブコンテンツの初期表示
								$($TabContent[0]).addClass(custom.classEnableTabContent).removeClass(custom.classDisableTabContent);
								
								$("." + custom.classTabIndex + " li",this).each(function(j){
												 $(this).click(function(){
																		//タブ見出し全無効化
																		$("."+custom.classTabIndex + " li",$TabField[i])
																			.removeClass(custom.classEnableTabIndex)
																			.addClass(custom.classDisableTabIndex);

																		//クリックした見出しの有効化
																		$(this)
																			.addClass(custom.classEnableTabIndex)
																			.removeClass(custom.classDisableTabIndex);

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

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

																		return false;
										});
								});
							});	

////////////////////////////////////////////////////////////////////////

});