// ============================================================
// タブの切替え
// 
// %update / 09.10.28
// 
// %use / jquery1.2.6
// ============================================================

// ------------------------------------------------------------
// ▼
// ------------------------------------------------------------
// prototype.js と jquery の共存
if(! $jQ) { var $jQ = jQuery.noConflict(); }

$jQ(document).ready( function() {
	// ------------------
	// 【詳細ページ　『DrDetailTwoColArea 詳細 2カラム』　タブの切替え】
	// ------------------
	$jQ('#DrDetailTwoColArea .drDetailPicSubLeaf a').mouseover( function() {

    //定数定義
    var ObjID = {
      "trigger" : {"id" : "DrDetailPicSub"  , "cls" : "drDetailPicSubLeaf"},
      "image"   : {"id" : "DrDetailPicMain" , "cls" : "drDetailPicMainLeaf"}
    }

		//カレントエリア取得
		var curTab_jq = $jQ(this).parent();
		var blockRoot_jq = $jQ(this).parent().parent().parent().parent();
    
    //カレント情報取得
    var currentExt = curTab_jq.attr('id').replace(ObjID.trigger.id, "");

    //初期化
		$jQ("." + ObjID.trigger.cls, blockRoot_jq).removeClass('current');
		$jQ("." + ObjID.image.cls, blockRoot_jq).addClass('hide');
    
    //カレント設定
		$jQ("#" + ObjID.trigger.id + currentExt, blockRoot_jq).addClass('current');
		$jQ("#" + ObjID.image.id + currentExt, blockRoot_jq).removeClass('hide');
    
	} );  // mouseover()

} );  // ready()