var hasover  = false;
var timerID = 0;

function showSubMenu(parentObj,objID){
    //SHOWS THE SUBMENU FOR THE CURRENT MENU ITEM
    hideAll();
    var obj= new getObj("popout"+objID);
    if(obj.style.visibility == "visible"){
        obj.style.visibility = "hidden";
    }
    else {
    	var newX = findPosX(parentObj);
	    var newY = findPosY(parentObj);
        obj.style.top = newY;
        obj.style.left = newX+180;
        obj.style.visibility = "visible";
	    hasover = true;
	    timerID  = setTimeout("UpdateTimer()", 2000);
    }
}

function hideAll() {
    //HIDES ALL LAYERS
    var i;
    var lyr;
    for (i = 0; i < PopOutMenu.length; i++) {
        lyr = PopOutMenu[i];
        var obj= new getObj(PopOutMenu[i]);
        obj.style.visibility = "hidden";
    }
}

function UpdateTimer() {
    //HIDES LAYERS AFTER TIMEOUT
	if(hasover == false){
		hideAll();
	}
	else{
		timerID  = setTimeout("UpdateTimer()", 2000);
	}
}

function findPosX(obj) {
    //FIND X CO-ORDINATE OF AN OBJECT
	var curleft = 0;
	if (document.getElementById || document.all)
	{
		while (obj.offsetParent)
		{
			curleft += obj.offsetLeft
			obj = obj.offsetParent;
		}
	}
	else if (document.layers)
		curleft += obj.x;
	return curleft;
}

function findPosY(obj) {
    //FIND Y CO-ORDINATE OF AN OBJECT
	var curtop = 0;
	var printstring = '';
	if (document.getElementById || document.all)
	{
		while (obj.offsetParent)
		{
			printstring += ' element ' + obj.tagName + ' has ' + obj.offsetTop;
			curtop += obj.offsetTop
			obj = obj.offsetParent;
		}
	}
	else if (document.layers)
		curtop += obj.y;
	//window.status = printstring;
	return curtop;
}

function expandSubMenus(objID,subID){
    //SHOW THE SUBMENU FOR THE CURRENT MENU ITEM
    var sup= new getObj(objID);
    var sub= new getObj(subID);
    if (sub.obj){
        sub.style.display = "list-item";
    }
	
    //AND ALSO EXPAND THE PARENT MENUS
    if(sup){
        UL = sup.obj.parentNode;
        //sup.obj.className = "menuItemSelected";
        while (UL && (UL.nodeType == 1) && (UL.tagName.toLowerCase() != 'body')) {
		    if (UL.tagName && (UL.tagName.toLowerCase() == "ul")){
	            UL.style.display = "list-item";
	        }
		    UL = UL.parentNode;
	    }
	}
}

function getObj(name) { //CROSS BROWSER METHOD OF RETRIEVING AN OBJECT
    if (document.getElementById){
        if (document.getElementById(name)){
            this.obj = document.getElementById(name);
            this.style = document.getElementById(name).style;
        }
    }
    else if (document.all){
        if (document.all[name]){
            this.obj = document.all[name];
            this.style = document.all[name].style;
        }
    }
    else if (document.layers){
        if (document.layers[name]){
            this.obj = document.layers[name];
            this.style = document.layers[name];
        }
    }
    //CHECK THE OBJECT WAS FOUND
    if (!this.obj){
        this.obj = null;
    }
}