/* コンテントチェンジ　※同ページに複数設置は不可
======================================================================
【Tab】
  <ul id="JmSWcontentsTab">~</ul>　タブエリア
    →<li>内の<a>タグにクリックイベントを記述。
  <dl id="JmSWcontents"> ~</dl>　　切り換え表示エリア
    →最初に表示するコンテンツ（dd）にid="Open"を指定し、
		　それ以外はclass="swDef"を指定。
		例）<dd id="Open">....</dd> or <dd class="swDef">....</dd>
      dtは非表示(display:none）とする。
	  ※必ずどれか1つに指定する。
	
【Accordion】
  <dl id="JmSWcontents"> ~</dl>　　切り換え表示エリア
  <dt>内の<a>タグにクリックイベントを記述。
		→最初に開く見出し(dt)にid="OpenHd"、コンテンツ（dd）にid="Open"を指定する。
		　それ以外は見出しの指定はせず、コンテンツにclass="swDef"を指定。
		例）<dt class="OpenHd">....</dt><dd id="Open">....</dd>
		    <dt>....</dt><dd class="swDef">....</dd>☆
		※デフォルトで開く項目が無ければidの指定は行わず、全て☆の設定となる。
		
		以下cssは必ず設定する。
		-----
    dt.swOpen a,
    dt.OpenHd a{open時の背景画像などを設定}
    dt a,
    dt.swClose a{close時の背景画像など設定}
    dd#Open{display:block;}
    dd.swDef{display:none;}
		-----

【イベント記述】
  タブもしくは見出しのリンクに設定。JmSWitchA内の数値は、上（or 左）
  から数えたナンバー（1始まり）。
  <a href="javascript:void(0);" onclick="JmSWitchA(1)">経営品質研修</a>
  <a href="javascript:void(0);" onclick="JmSWitchA(2)">目標管理・人事考課研修</a>
	
  ※Accordionのみ
  <a href="javascript:void(0);" onclick="JmSWitchA('allVisible')">全部開く</a>
  <a href="javascript:void(0);" onclick="JmSWitchA('allHidden')">全部閉じる</a>
======================================================================*/

/*初期設定
---------------------------------------------------------------------*/
var JmSW_imgPass  = 'http://shop.jmam.co.jp/common/image/'; // Image Pass
var JmSWstockObj;
var JmSWcontentTbl=[];
var JmSWheadingTbl=[];
var JmSWcontentObj = document.getElementById('JmSWcontents').childNodes;//Content ID 固定

function JmSWcontentLoad(){
	var z = 0;
	for(i=0; i < JmSWcontentObj.length; i++){
		if(JmSWcontentObj[i].tagName == 'DT'){
			JmSWheadingTbl[++z] = JmSWcontentObj[i];
		}
		if(JmSWcontentObj[i].tagName == 'DD'){
			JmSWcontentTbl[z] = JmSWcontentObj[i];
			//default open
			if(JmSWcontentTbl[z].id == 'Open'){JmSWstockObj = z;}
		}
	}
}
JmSWcontentLoad();


/*コンテンツの表示　Tab
---------------------------------------------------------------------*/
function JmSWitchT(JmSWtFlg){
		var JmSWtabObj = document.getElementById('JmSWcontentsTab').childNodes;  //Tab ID 固定
		var tmpTabObj;
		JmSWcontentTbl[JmSWstockObj].style.display = 'none';
		JmSWcontentTbl[JmSWtFlg].style.display = 'block';
		
		//タブの色変更
		var z=1;
		for(i=0; i<JmSWtabObj.length; i++){
			if(JmSWstockObj != JmSWtFlg && JmSWtabObj[i].tagName == 'LI'){
				tmpTabObj = JmSWtabObj[i].childNodes[0].childNodes[0];
				if(tmpTabObj.src.indexOf('_on.gif') > -1){
					tmpTabObj.src = tmpTabObj.src.replace('_on.gif','_of.gif');
				}
				else if(z == JmSWtFlg){
					tmpTabObj.src = tmpTabObj.src.replace('_of.gif','_on.gif');
				}
				z++;
			}
		}
		//open tab保存
		JmSWstockObj = JmSWtFlg;
}


/*コンテンツの表示　Accordion
---------------------------------------------------------------------*/
var JmSWopenContTbl = [];
function JmSWitchA(JmSWtFlg){
	
	var tmpBgurlOn = 'swOpen';    //on画像
	var tmpBgurlOf = 'swClose';   //of画像
	
	if(JmSWstockObj){
		JmSWopenContTbl[JmSWstockObj] = JmSWheadingTbl[JmSWstockObj];
		JmSWstockObj = '';
	}
	
	//全て開く・閉じる
	if(isNaN(JmSWtFlg)){
		var blockState = JmSWtFlg == 'allVisible' ? 'block' : 'none';
		var bgState    = JmSWtFlg == 'allVisible' ? tmpBgurlOn : tmpBgurlOf;
		for(i=1; i < JmSWcontentTbl.length; i++){
			JmSWcontentTbl[i].style.display = blockState;
			JmSWheadingTbl[i].className = bgState;
			//表示項目の保存
			if(JmSWtFlg == 'allVisible'){JmSWopenContTbl[i] = JmSWheadingTbl[i];}
			else{JmSWopenContTbl = [];}
		}
		return;
	}

	//選択した項目が表示されている場合は非表示に
	if(JmSWopenContTbl[JmSWtFlg]){
		JmSWcontentTbl[JmSWtFlg].style.display = 'none';
		JmSWopenContTbl[JmSWtFlg].className = tmpBgurlOf;
		JmSWopenContTbl[JmSWtFlg] = '';
		return;
	}
	//選択項目の表示
	JmSWcontentTbl[JmSWtFlg].style.display = 'block';
	
	//表示項目の保存
	var prevDt = JmSWheadingTbl[JmSWtFlg];
	JmSWopenContTbl[JmSWtFlg] = prevDt;
		
	//表示項目の背景切り換え
	prevDt.className = tmpBgurlOn;
}