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


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="#00ccff";
			break;
		case('td2'):
			xObj.style.backgroundColor="#00ccff";
			break;
		case('td3'):
			xObj.style.backgroundColor="#00ccff";
			break;
		case('td4'):
			xObj.style.backgroundColor="#00ccff";
			break;
                default:
			xObj.style.backgroundColor="#fffff0";
			break;
	}
	// ★★★
	// 上記の右端のカラーコードは、オンマウスしたときの元メニューの色
	// （上記の元メニューとは、[menu.1], [menu.2], [menu.3] のセルを示す）

	tObj.style.visibility="visible";
	getXpos(xObj);
	getYpos(xObj);
	ypos += xObj.offsetHeight;
       { 
	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<5;i++){
	// ★★★
	// 上記の中央の数値(4)は、元メニューの数に「１」を加えた数を記入する
	// （サンプルでは元メニューが３個 [menu.1],[menu.2],[menu.3]なので、３＋１で「４」）

		dval = "dv" + i;
		tval = "td" + i;
		switch(i){
			case(1):
				document.getElementById(tval).style.backgroundColor = "#ffffff";
				break;
			case(2):
				document.getElementById(tval).style.backgroundColor = "#ffffff";
				break;
			
                        case(3):
				document.getElementById(tval).style.backgroundColor = "#ffffff";
				break;
                        case(4):
				document.getElementById(tval).style.backgroundColor = "#ffffff";
				break;
			default:
				document.getElementById(tval).style.backgroundColor = "#fffff0";
				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;
}