//---------------------------------------------------------
//グローバル定義
//---------------------------------------------------------

var T_loaded = false;

//タイマID
var T_tid;

//現在表示中のメニュー番号
var T_selectedNo = 1;

//false:メニュー非表示中
//true:メニュー表示中
var T_hideSwich = false;
//false:メニューボタンoff
//true:メニューボタンon
var T_changeMenuSwich = false;

var popnum = 4;
var menu_Off = new Array();
var menu_On = new Array();


//---------------------------------------------------------
//ロールオーバー関係 レイヤ用
//---------------------------------------------------------
function T_chngImgs(n,change){
	if(T_loaded){

		//NNでは、レイヤ使用時イベントを2つのタグで拾えないので、ここで吸収
		if(change == "on"){
			T_swichOFF();
			T_MenuSwichOFF();
		}
		else if(change == "off"){
			T_subMenuCloseTimer(n);
		}

	}
}

//---------------------------------------------------------
//ロールオーバー関係 Imageボタン用
//---------------------------------------------------------
function suT_chngMenuImgs(n,change){
//	var T_img;
	var T_img = new Array();
	
	//オブジェクトを取得
//	T_img = document.images["popimg" + n];
	for (var i=1; i<=popnum; i++){
		T_img[i] = document.images["popimg" + i];
	}
	
	//イメージの入れ替え
	if(change == "on" && T_changeMenuSwich == false){
//		T_img.src = menu_On[n-1].src;
		for (var i=1; i<=popnum; i++){
			if (i == n){
				T_img[i].src = menu_Off[i-1].src;
			}else{
				T_img[i].src = menu_On[i-1].src;
			}
		}

	}
	else if(change == "off" && T_changeMenuSwich == true){
//		T_img.src = menu_Off[n-1].src;
		for (var i=1; i<=popnum; i++){
			T_img[i].src = menu_Off[i-1].src;
		}

	}
}
function T_chngMenuImgs(n,change){
	if(T_loaded){

		//NNでは、レイヤ使用時イベントを2つのタグで拾えないので、ここで吸収
		if(change == "on"){
			T_MenuSwichOFF();
		}
		//実際のイメージ入れ替え処理コール
		suT_chngMenuImgs(n,change);

	}
}

//---------------------------------------------------------
//ロード時の初期処理
//---------------------------------------------------------
function T_changeLdMode(){
	for (i=1; i<=popnum; i++){
		document.getElementById("pop" + i).style.visibility = 'hidden';
	}

	//タイマが起動中の場合
	if(T_tid){
		//タイマクリア
		clearTimeout(T_tid);
	}
	
	//画像先読み
	var imgObj = document.getElementsByTagName("img");
	var count = 0;
	for(var i=0, i_len = imgObj.length ; i < i_len; i++){
		var unitC = imgObj[i].className.split(/\s+/);
		for(var k=0, k_len = unitC.length; k < k_len; k++){
			if(unitC[k] == "rollover"&&imgObj[i].getAttribute("src").match("_off.")){
				menu_Off[count] = new Image();
				menu_Off[count].src = imgObj[i].getAttribute("src");
				menu_On[count] = new Image();
				menu_On[count].src = imgObj[i].getAttribute("src").replace("_off.", "_on.");
				count++;
				break;
			}
		}
	}
	//フローティング位置定義
	var imgWidth = new Array();
	for (var i = 1,j=0; i <=popnum; i++,j++){
		imgWidth[j]=document.getElementById("popimg"+ i).offsetWidth;
	}
	document.getElementById("pop1").style.left=imgWidth[0]+"px";
	document.getElementById("pop2").style.left=imgWidth[0]+imgWidth[1]+"px";
	document.getElementById("pop3").style.left=-1+"px";
	document.getElementById("pop4").style.left=imgWidth[2]-1+"px";
	T_loaded = true;
}

//---------------------------------------------------------
//該当するレイヤを表示し、現在表示されているレイヤを隠す
//---------------------------------------------------------
function T_showSubMenu(No){
	var T_obj;
	if(T_loaded){
		T_hideSwich = true;
		T_changeMenuSwich = true;
		//表示中のレイヤを隠す
		T_hideSubMenu();
		T_chngMenuImgs(T_selectedNo,'off');
		
		//表示中のメニュー番号を保持
		T_selectedNo = No;
		T_obj = document.getElementById('pop' + No);
		//表示属性の設定
		T_obj.style.visibility = 'visible';
	}
}



//---------------------------------------------------------
//表示中のレイヤを隠す
//---------------------------------------------------------
function T_hideSubMenu(){
	var T_obj;
	//表示中のメニュー番号より該当するレイヤ名を生成
	T_obj = document.getElementById('pop' + T_selectedNo);

	if(T_tid){
		//タイマクリア
		clearTimeout(T_tid);
	}
	if(T_hideSwich == true){
		//表示属性の設定
		T_obj.style.visibility = 'hidden';
	}
}

//---------------------------------------------------------
//表示中のレイヤとボタンをunFocus状態にする
//---------------------------------------------------------
function toUnfocus(){
	T_hideSubMenu();
	T_chngMenuImgs(T_selectedNo,'off');
}

//---------------------------------------------------------
//マウスアウト時、レイヤを消すまでの時間(タイマ)をセット
//---------------------------------------------------------
function T_subMenuCloseTimer(No){
	if(T_loaded){
		T_selectedNo = No;
		T_hideSwich = true;
		T_changeMenuSwich = true;
		if(T_tid){
			//タイマクリア
			clearTimeout(T_tid);
		}
		//タイマセット
		T_tid = setTimeout('toUnfocus();',100);

	}
}
//---------------------------------------------------------
//レイヤ部分にマウスオンした時のフラグ設定
//---------------------------------------------------------
function T_swichOFF(){
	T_hideSwich = false;
}
//---------------------------------------------------------
//メニューImageにマウスオンした時のフラグ設定
//---------------------------------------------------------
function T_MenuSwichOFF(){
	T_changeMenuSwich = false;
}

function hideMenu(no){
	document.getElementById("pop"+no).style.visibility = 'hidden';
}