var arrOpenSubMenus	= new Array();
var timeObject;

var isMac			= (navigator.platform.indexOf("Mac") != -1) ? true : false;
var isIE			= (navigator.userAgent.indexOf("MSIE") != -1) ? true : false;
var isOpera			= (navigator.userAgent.indexOf("Opera") != -1) ? true : false;
var isNS			= (navigator.userAgent.indexOf("Netscape") != -1) ? true : false;
var isSafari		= (navigator.userAgent.indexOf("Safari") != -1) ? true : false;

var appendX			= 22;
var appendY			= 18;
var appendXSub		= -2;
var appendYSub		= -1;

if(isOpera || isNS){
	appendX	= 22;
	appendY	= 18;
}
if(isMac && isIE){
	appendX	= 22;
	appendY	= 18;
}
if(isMac && isSafari){
	appendX		= 22;
	appendY		= 18;
	appendXSub	= -2;
	appendYSub	= -21;
}

function hideSubMenu(){
	clearTimeout(timeObject);
	timeObject = setTimeout("drawSubmenu('')",200);
}

function showSubMenu(strID){
	clearTimeout(timeObject);
	drawSubmenu(strID);
}

function drawSubmenu(strID){
	if(strID != ''){
		arrTmp = strID.split(',');
		for(var i=0;i<arrOpenSubMenus.length;i++){
			if(arrOpenSubMenus[i]){
				if(!inArray(arrOpenSubMenus[i],arrTmp)){
					var objSubMenu = document.getElementById('submenu'+arrOpenSubMenus[i]);
					objSubMenu.style.visibility = 'hidden';
				}
			}
		}
		arrOpenSubMenus = new Array();
		for(var i=0;i<arrTmp.length;i++){
			if(arrTmp[i] != ''){
				arrOpenSubMenus[arrOpenSubMenus.length] = arrTmp[i];
				var objSubMenu = document.getElementById('submenu'+arrTmp[i]);
				objSubMenu.style.visibility = 'visible';
			}
		}
	}else{
		for(var i=0;i<arrOpenSubMenus.length;i++){
			var objSubMenu = document.getElementById('submenu'+arrOpenSubMenus[i]);
			objSubMenu.style.visibility = 'hidden';
		}
		arrOpenSubMenus = new Array();
	}
}

function inArray(needle,haystack){
	bool = false;
	var i=0;
	while(!bool && i<haystack.length){
		if(haystack[i] == needle){
			bool = true;
		}
		i++;
	}
	return bool;
}

function setBgPosition(objElement,intID){
	var intX = getXpos(objElement)+appendX;
	var intY = getYpos(objElement)+appendY;
	var objSubMenu = document.getElementById('submenu'+intID);
	objSubMenu.style.top = intY+'px';
	objSubMenu.style.left = intX+'px';
}

function getYpos(obj){return(obj.offsetTop + ((obj.offsetParent) ? getYpos(obj.offsetParent) : 0));}
function getXpos(obj){return(obj.offsetLeft + ((obj.offsetParent) ? getXpos(obj.offsetParent) : 0));}