/* 

CMENU JS File v2.0
(c)2006 CuteWeb, Inc., All Rights Reserved. 

*/

//naming convention of menu -> "menu" + integer starting at one


function openMenu(item_id,caller_id){
	var menu_item = document.getElementById(item_id);
	var caller = document.getElementById(caller_id);
	
	var offsetX = caller.offsetLeft + document.getElementById('menu_area').offsetParent.offsetParent.offsetParent.offsetLeft+document.getElementById('menu_area').offsetParent.offsetParent.offsetLeft;
	var offsetY = caller.offsetParent.offsetTop + caller.offsetParent.offsetParent.offsetParent.offsetTop + caller.offsetHeight + caller.offsetParent.offsetParent.offsetParent.offsetParent.offsetTop;
	
	
	//hide all
	var i = 1;
	while(document.getElementById("menu"+i)){
		var tid = document.getElementById("menu"+i);
		tid.style.display = "none";
		i++;
	}
	
	//show target
	menu_item.style.left = offsetX + "px";
	menu_item.style.top = offsetY + "px";
	menu_item.style.display = "block";
	menu_item.style.width = caller.offsetWidth;
}

function closeMenu(item_id){
	var menu_item = document.getElementById(item_id);
	menu_item.style.display = "none";

}

function openSubmenu(submenu_id,item_id,caller_id){
	var submenu_item = document.getElementById(submenu_id);
	var menu_item = document.getElementById(item_id);
	var caller = document.getElementById(caller_id);
	
	var offsetX = caller.offsetLeft + document.getElementById('menu_area').offsetParent.offsetParent.offsetParent.offsetLeft+document.getElementById('menu_area').offsetParent.offsetParent.offsetLeft;
	var offsetY = caller.offsetParent.offsetTop + caller.offsetParent.offsetParent.offsetParent.offsetTop + caller.offsetHeight + caller.offsetParent.offsetParent.offsetParent.offsetParent.offsetTop;
	
	submenu_item.style.left = offsetX+caller.offsetWidth + "px";
	submenu_item.style.top = offsetY+"px";
	submenu_item.style.width = caller.offsetWidth;
	submenu_item.style.display = "block";
}

function closeSubmenu(submenu_item){
	var submenu_item = document.getElementById(submenu_item);
	submenu_item.style.display = "none";
}

