//━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
//jQuery.sora.jQTab.js
//タブ化
//jQueryプラグイン
//初自作：081204
//━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
//------------------------------------------------------------
//
//------------------------------------------------------------
/*
・クリックして開きたいdivのIDと、クリック対象になるaタグの#を揃えて書く
・デフォルトのタブにしたいliにclassを設定
・現在表示状態の装飾はCSSにて
*/



//------------------------------------------------------------
//jQueryで実行
//------------------------------------------------------------
$(function() {
	//------------------------------------------------------------
	//初期設定
	//------------------------------------------------------------
	//XHTML　大元のdivにclassを設定。ここでは「.」要らない
	jQTab_divClass_set = "tabSet";
	
	//XHTML　標準で開いておきたいタブのliに設定
	jQTab_LiClass_def = "tabDef";

	
	//現在地にclassをつける。フラグ管理とCSSで使用。
	jQTab_liClass_cr = "tabNow";
	
	
	//タブの大元のclassが存在していなかったら処理停止
	if($("."+jQTab_divClass_set).size() == 0){
		return;
	}
	
	
	
	//------------------------------------------------------------
	//関数実行
	//------------------------------------------------------------
	//初期化　デフォルト設定を実行
	var tempSelecta = "."+jQTab_divClass_set+" > ul.tablist > li."+jQTab_LiClass_def+" > a";
	jQtab_fnc(tempSelecta);
	
	
	//各クリックの挙動
	$( "."+jQTab_divClass_set+" > .tablist > li > a").click(function() {
		jQtab_fnc(this);
		return false;
	});
	
	
	
	
	//------------------------------------------------------------
	//関数定義
	//------------------------------------------------------------
	function jQtab_fnc(targetPrm){
		//------------------------------
		//ターゲットを設定
		//------------------------------
		//#を境目に前と後で分ける
		splitID = $(targetPrm).attr("href").split("#");
		//#+#の後を結合
		targetID = "#"+splitID[1];
		
		
		
		//一度全部消す
		$("."+jQTab_divClass_set+" > div").hide();
		//ターゲットにしてるdivを表示		
		$(targetID).show();


		//------------------------------
		//現在地class管理
		//------------------------------
		//現在地classのみを削除（引数無し→全消しは誤動作の可能性）
		$("."+jQTab_divClass_set+" > .tablist > li").removeClass(jQTab_liClass_cr);
		//aの親→liに現在地classを設定
		$(targetPrm).parent().addClass(jQTab_liClass_cr);


		//------------------------------
		//クリック反応させない
		//------------------------------
		return false;
		
		
		//------------------------------
	}
	
	
	//------------------------------------------------------------
});




//━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
//↓に改行ないと、Firefoxで動かない場合がある不思議