/*----------------------------------------------------

【親メニュー】

 onMouseOver="menuAction('自分自身のID','子メニューのID',y軸の座標調整（+ →右方向へ移動、- →左方向へ移動）)"
 onMouseOut="hide('自分自身のID')"

（例）
 　onMouseOver="menuAction('menu1','subMenu1',0)"
 　onMouseOut="hide('subMenu1')"

【子メニュー】
 onMouseOver="show('自分自身のID')"
 onMouseOut="hide('自分自身のID')"

（例）
　 onMouseOver="show('subMenu3')"
 　onMouseOut="hide('subMenu3')"

----------------------------------------------------*/


/*----------------------------------------------------
関数名: menuAction()
概要  : レイヤーの移動
説明  : 指定した別のレイヤーの横に位置を移動する
変数  : menuId 基準になるレイヤーのID
　　　　childId 移動するレイヤーのID
			　layerAdjust 上下の位置（微調整用）

＋移動したレイヤーの表示
----------------------------------------------------*/

function menuAction(menuId,childId,layerAdjust) {
	var parentLayer = getObj(menuId);
	var subLayer = getObj(childId);

	if(document.all) {
		var lp1 = subLayer.offsetLeft;
		var lp2 = parentLayer.offsetLeft;
		var tp1 = subLayer.offsetTop;
		var tp2 = parentLayer.offsetTop;

		if(lp1 =! lp2){
			subLayer.style.left = parentLayer.offsetLeft + layerAdjust + 'px';
		}
		if(tp1 =! tp2){
			subLayer.style.top = parentLayer.offsetTop + parentLayer.offsetHeight + 'px';
		}

	} else if(document.getElementById) {
		var lp1 = subLayer.offsetLeft;
		var lp2 = parentLayer.offsetLeft;
		var tp1 = subLayer.offsetTop;
		var tp2 = parentLayer.offsetTop;

		if(lp1 =! lp2){
			subLayer.style.left = parentLayer.offsetLeft + layerAdjust + 'px';
		}
		if(tp1 =! tp2){
			subLayer.style.top = parentLayer.offsetTop + parentLayer.offsetHeight + 'px';
		}
	}
		// else if(document.layers) {
		//	subLayerLeft = parentLayer.left;
		//	subLayerTop = parentLayer.top + parentLayer.clip.height + layerAdjust ;
		//	subLayer.moveTo(subLayerLeft,subLayerTop);
		//}

	show(childId);	// メニューを表示させる

}

/*----------------------------------------------------
関数名: show()
概要  : レイヤーの表示関数
説明  : レイヤーを表示状態にする
変数  : targetMenu 表示するレイヤーのID
----------------------------------------------------*/
function show(targetMenu){
	if(document.all) {
		document.all(targetMenu).style.visibility="visible";
	} else if(document.getElementById) {
		document.getElementById(targetMenu).style.visibility="visible";
	} else if(document.layers) {
		document.layers[targetMenu].visibility="visible";
	}
	return;
}

/*----------------------------------------------------
関数名: hide()
概要  : レイヤーの非表示関数
説明  : レイヤーを非表示の状態にする
変数  : targetMenu 非表示にするレイヤーのID
----------------------------------------------------*/
function hide(targetMenu){
	if(document.all) {
		document.all(targetMenu).style.visibility="hidden";
	} else if(document.getElementById) {
		document.getElementById(targetMenu).style.visibility="hidden";
	} else if(document.layers) {
		document.layers[targetMenu].visibility="hide";
	}
	return;
}

/*----------------------------------------------------
関数名: getObj()
概要  : オブジェクト取得関数
説明  : idよりオブジェクトの取得
変数  : objName 取得するオブジェクトのID名
----------------------------------------------------*/

function getObj(objName) {
	if(document.all) {
		var Obj = document.all[objName];
	} else if(document.getElementById) {
		var Obj = document.getElementById(objName);
	} else if(document.layers) {
		EmbeddingLayer = document.layers[Embedding];
		alert(EmbeddingLayer.id);
		var Obj = EmbeddingLayer.document.layers[objName];
	}
	return Obj;
}