var activeMenu = null;
var activeSubmenu = null;
var activeButton = null;
var menuTimer = 0;

// 2 funstions are from http://forums.devshed.com/t40400/s.html
function getRealLeft(el) {
    xPos = el.offsetLeft;
    tempEl = el.offsetParent;
    while (tempEl != null) {
        xPos += tempEl.offsetLeft;
        tempEl = tempEl.offsetParent;
    }
    return xPos;
}

function getRealTop(el) {
    yPos = el.offsetTop;
    tempEl = el.offsetParent;
    while(tempEl != null){
        yPos += tempEl.offsetTop;
        tempEl = tempEl.offsetParent;
    }
    return yPos;
}



//////////////////////////
//show top menu item
function onTopButton(button){
	//if(activeMenu != null) activeMenu.style.visibility = "hidden";
	if(activeMenu != null) activeMenu.style.display = "none";
	if(activeSubmenu != null) activeSubmenu.style.display = "none";
	clearTimeout(menuTimer);
	activeButton = button;
	activeMenu = document.getElementById(activeButton.id + '_items');
	if(activeMenu){
		activeMenu.style.top = (getRealTop(button) + 24) + 'px';
		activeMenu.style.left = getRealLeft(button) + 'px';
		//activeMenu.style.visibility="visible";
		activeMenu.style.display="block";
	}
}

function offTopButton(){
	menuTimer = setTimeout("hideMenu()", 1500);
}

function hideMenu(){
	if(activeButton != null) activeButton.className = "topButtonOff";
	//if(activeMenu != null) activeMenu.style.visibility = "hidden";
	if(activeMenu != null) activeMenu.style.display = "none";
	if(activeSubmenu != null) activeSubmenu.style.display = "none";
	activeButton = null;
	activeMenu = null;
	activeSubmenu = null;
	window.status = "Autocom" ;
}

function onTopMenuItem(item, item_id){
	if(activeSubmenu != null) activeSubmenu.style.display = "none";
	clearTimeout(menuTimer);
	var submenu_id = item_id + '_items';
	activeSubmenu = document.getElementById(submenu_id);
	if(activeSubmenu){
		activeSubmenu.style.top = (getRealTop(item) + 5) + 'px';
		activeSubmenu.style.left = (getRealLeft(item) + 175) + 'px';
		//activeMenu.style.visibility="visible";
		activeSubmenu.style.display="block";
	}
	
	item.className = "active_menu_item";
	window.status = "Autocom";// + item.statustext;
}

function offTopMenuItem(item){
	item.className = "menu_item";
	menuTimer = setTimeout("hideMenu()", 2000);
}

function onTopSubMenuItem(item, item_id){
	clearTimeout(menuTimer);
	item.className = "active_menu_item";
	window.status = "Autocom";// + item.statustext;
}

function offTopSubMenuItem(item){
	item.className = "menu_item";
	menuTimer = setTimeout("hideMenu()", 2000);
}

function gotoTopMenuItem(url){
	document.location = url;
}

var activeHint = false;
var activeHintTimer = false;

function showHint(opnr, div_id){
	if(activeHint && activeHint.id != div_id){
		activeHint.style.visibility = 'hidden';
	}
	activeHint = document.getElementById(div_id);
	if(activeHint){
		activeHint.style.top = (getRealTop(opnr) + 4) + "px";
		activeHint.style.left = (getRealLeft(opnr) + 4) + "px";
		activeHint.style.visibility = "visible";
		//clearTimeout(activeHintTimer);
		//activeHintTimer = setTimeout("hideHint(activeHint)", 2500);
	}
}

function hideHint(d){
	activeHint = d;
	if(activeHint){
		setTimeout("activeHint.style.visibility = 'hidden';", 10000);
		//d.style.visibility = "hidden";
	}
}