// *********************************** //
// 初期設定・グローバル変数宣言        //
// *********************************** //

var brwsr = 0; // ブラウザ判別用フラグ（Microsoft製IEなら「0」、それ以外なら「1」）;
if(navigator.appName.charAt(0) == "M") { brwsr = 0; }
else { brwsr = 1; }

var timerID = ""; // 遅延消去用のタイマー宣言;
var xpos = 0;     // ポップアップメニューの X座標;
var ypos = 0;     // ポップアップメニューの Y座標;
var tObj;         // ポップアップメニューのオブジェクト;
var xObj;         // 元メニューのオブジェクト;


// *********************************** //
// ポップアップメニュー表示スクリプト  //
// *********************************** //

function mn(n,m){
	if(timerID!=""){
		clearTimeout(timerID);
	}
	dlt2();
	tObj = "";
	xObj = "";
	xpos = 0;
	ypos = 0;
	tObj = document.getElementById(n);
	xObj = document.getElementById(m);
//	switch(m){
//		case('td1'):
//			xObj.style.backgroundColor="#6666ff";
//			break;
//		case('td2'):
//			xObj.style.backgroundColor="#66ff66";
//			break;
//		case('td3'):
//			xObj.style.backgroundColor="#ff6666";
//			break;
//		default:
//			xObj.style.backgroundColor="#666666";
//			break;
//	}
	// ★★★
	// 上記の右端のカラーコードは、オンマウスしたときの元メニューの色
	// （上記の元メニューとは、[menu.1], [menu.2], [menu.3] のセルを示す）

	tObj.style.visibility="visible";
	getXpos(xObj);
	getYpos(xObj);
	ypos += xObj.offsetHeight;

	// if(brwsr==1){ 
	//	tObj.style.MozOpacity = 0.75; 
	// }

	if(brwsr==0){ 
//		tObj.style.filter = 'alpha(opacity = 75)';
		tObj.style.filter = 'alpha(opacity = 100)';		
	}
	// ★★★
	// 上記の右端の数値(75)はポップアップ表示されるメニューの透明度
	// （透明度の数値は、0 で透明、100で不透明を示す）※IEのみ

	tObj.style.left = xpos + "px";
	tObj.style.top = ypos + "px";
	tObj.style.zIndex = "1";
}


// *********************************** //
// 消去用遅延スクリプト（タイマー）    //
// *********************************** //

function dlt(){
	if(timerID!=""){clearTimeout(timerID);}
	timerID = setTimeout("dlt2()",500);
}
// ★★★
// 上記の右端の数値(500)は、マウスが離れてからメニュー表示が消えるまでの時間(0.5秒)を示す
// （1000で１秒）



// *********************************** //
// 消去用スクリプト本体                //
// *********************************** //

function dlt2(){
	var dval;
	var tval;
//	for (i=1;i<4;i++){
	for (i=3;i<4;i++){	
	// ★★★
	// 上記の中央の数値(4)は、元メニューの数に「１」を加えた数を記入する
	// （サンプルでは元メニューが３個 [menu.1],[menu.2],[menu.3]なので、３＋１で「４」）

		dval = "dv" + i;
		tval = "td" + i;
//		switch(i){
//			case(1):
//				document.getElementById(tval).style.backgroundColor = "#eeeeff";
//				break;
//			case(2):
//				document.getElementById(tval).style.backgroundColor = "#eeffee";
//				break;
//			case(3):
//				document.getElementById(tval).style.backgroundColor = "#ffeeee";
//				break;
//			default:
//				document.getElementById(tval).style.backgroundColor = "#eeeeee";
//				break;
//		}
		document.getElementById(dval).style.visibility = "hidden";
		document.getElementById(dval).style.zIndex = "0";
	}
}


// *********************************** //
// 元メニュー位置検出（X座標）         //
// *********************************** //

function getXpos(obj){
	xpos = obj.offsetLeft;
	if(obj.offsetParent != null){
		xpos += getXpos(obj.offsetParent);
	}
	return xpos;
}


// *********************************** //
// 元メニュー位置検出（Y座標）         //
// *********************************** //

function getYpos(obj){
	ypos = obj.offsetTop;
	if(obj.offsetParent != null){
		ypos += getYpos(obj.offsetParent);
	}
	return ypos;
}