var last_active_sub_menu=null;

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

function findPosY(obj)
{
        var curtop = 0;
        if (obj!=null && obj.offsetParent)
        {
                while (obj.offsetParent)
                {
                        curtop += obj.offsetTop
                        obj = obj.offsetParent;
                }
        }
        else if (obj!=null && 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;
}

function changeMenuPointImage(menupoint, image) {
	menupoint_el = document.getElementById(menupoint);
	menupoint_el.src = image;
}

document.onclick = function() {
        showVerticalSubMenu(null);
        showHorisontalSubMenu(null);
}