var last_active_sub_menu=null;
document.onclick = new Function("showVerticalSubMenu(null)");
document.onclick = new Function("showHorisontalSubMenu(null)");

function findPosX(obj)
{
	var curleft = 0;
	if (obj.offsetParent)
	{
		while (obj.offsetParent)
		{
			curleft += obj.offsetLeft
			obj = obj.offsetParent;
		}
	}
	else if (obj.x)
		curleft += obj.x;
	return curleft;
}

function findPosY(obj)
{
	var curtop = 0;
	if (obj.offsetParent)
	{
		while (obj.offsetParent)
		{
			curtop += obj.offsetTop
			obj = obj.offsetParent;
		}
	}
	else if (obj.y)
		curtop += obj.y;
	return curtop;
}

function showVerticalSubMenu(menu, menu_cont, sub_menu) {
	
	
	var sub_menu = document.getElementById(sub_menu); 
	var menu = document.getElementById(menu);
	var menu_cont = document.getElementById(menu_cont);
	if(sub_menu){
		sub_menu.style.visibility = 'visible';
		sub_menu.style.left =  (findPosX(menu_cont) + menu_cont.offsetWidth) + 'px';
		sub_menu.style.top = findPosY(menu)+ 'px';
	}
	if((sub_menu!=last_active_sub_menu) && (last_active_sub_menu))
		last_active_sub_menu.style.visibility = 'hidden';
		
	last_active_sub_menu=sub_menu;
}

function showHorisontalSubMenu(menu, menu_cont, sub_menu) {
	var sub_menu = document.getElementById(sub_menu); 
	var menu = document.getElementById(menu);
	var menu_cont = document.getElementById(menu_cont);
	if(sub_menu){
		sub_menu.style.left =  (findPosX(menu)) + 'px';
		sub_menu.style.top = findPosY(menu_cont) + menu_cont.offsetHeight + 'px';
		sub_menu.style.visibility = 'visible';
	}
	if((sub_menu!=last_active_sub_menu) && (last_active_sub_menu))
		last_active_sub_menu.style.visibility = 'hidden';
		
	last_active_sub_menu=sub_menu;
}