var activeMenu = null;

var activeSubmenu = null;

var activeButton = null;

var menuTimer = 0;
var win3;
function dobaWindow(){
	win3 = window.open("", "DOBA_Information", "width=450,height=275,scrollbars=yes");

	// write to window
	win3.document.writeln("");	
}

// 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.display = "none";
	if(activeSubmenu != null) activeSubmenu.style.display = "none";
	if(activeButton != null) activeButton.style.background = "url('/img/nav_divider.gif') no-repeat";
	clearTimeout(menuTimer);
	activeButton = button;
	activeMenu = document.getElementById(activeButton.id + '_items');
	if(activeMenu){
		activeMenu.style.left = 0;
		activeMenu.style.left = getRealLeft(button)   + "px"; //alert(activeMenu.id + "---" + activeMenu.style.left);		
		activeMenu.style.display="block";
	}
	
	// new
	if(button)
		button.style.background = "url('/img/nav_bg2.gif') repeat-x";

}

function offTopButton(button,fadeOutFast){
	if(fadeOutFast)
		button.style.background = "url('/img/nav_divider.gif') no-repeat";
	menuTimer = setTimeout("hideMenu()", 500);

}

function hideMenu(button){
	if(activeMenu != null) activeMenu.style.display = "none";
	if(activeSubmenu != null) activeSubmenu.style.display = "none";
	if(activeButton != null) activeButton.style.background = "url('/img/nav_divider.gif') no-repeat";
	activeButton = null;
	activeMenu = null;
	activeSubmenu = null;
	window.status = "" ;
	
	// new
	

}

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);

	//alert(submenu_id);
	if(activeSubmenu){
		activeSubmenu.style.left = (getRealLeft(item) - 0)  + "px"; 
		activeSubmenu.style.display="block";
	}
	window.status = "";// + item.statustext;

}

function offTopMenuItem(item,fadeOutFast){
	if(fadeOutFast)
		menuTimer = setTimeout("hideMenu()", 400);
	else
		menuTimer = setTimeout("hideMenu()", 500);
}

function onTopSubMenuItem(item, item_id){

	clearTimeout(menuTimer);

	window.status = "";// + item.statustext;

}

function offTopSubMenuItem(item){

	item.className = "menu_item";

	menuTimer = setTimeout("hideMenu()", 500);

}

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) + 10) + "px";
		activeHint.style.left = (getRealLeft(opnr) + 10) + "px";
		activeHint.style.visibility = "visible";
	}
}

function hideHint(div_id){
	activeHint = document.getElementById(div_id);
	if(activeHint){
		activeHint.style.visibility = 'hidden';
	}
}