//initialize a flag to ID unique layers to trigger timeout;
var idFlag;

//initialize all dropdown timer names; passed by unique hidden layer ID
//must include a master list of all hidden layer IDs (this matches the ID of all hidden ULs
//NOTE: must use for maximum usability and client side (browser) compatibility
var menu_background;
var menu_members;

//update case statement to match the master list of hidden layer IDs
function stopTr(whichLyr){
	idFlag = whichLyr;
	switch (whichLyr) {
		case "menu_background":
			clearTimeout(menu_background);
			break
		case "menu_members":
			clearTimeout(menu_members);
			break
	}
}

//update case statement to match master list of hidden layer IDs
function startTr(whichLyr){
	if (whichLyr != undefined){
		switch (whichLyr) {
		case "menu_background":
			menu_background = setTimeout("hideLyr('" + whichLyr + "')", 500);
			document.getElementById("menu3").className = "mainnav";
			break
		case "menu_members":
			menu_members = setTimeout("hideLyr('" + whichLyr + "')", 500);
			document.getElementById("menu7").className = "mainnav";
			break
		}
	}
}

//obj is the dropdown menu button
//lyr is the ID of the hidden menu list layer, ID must be unique
function showLyr(obj,lyr) {
	stopTr(lyr);
	var dimensions = findDim(document.getElementById("findme"));
	switch (lyr) {
	case "menu_background":
		document.getElementById("menu3").className = "mainnav_on";
		break
	case "menu_members":
		document.getElementById("menu7").className = "mainnav_on";
		break
	}
	
	var x = document.getElementById(lyr);
	x.style.left = dimensions[0] + 'px';
	x.style.top = dimensions[1] + 'px';
	x.style.visibility = 'visible';
}

function hideLyr(lyr) {
	document.getElementById(lyr).style.visibility='hidden';
}

//figure out position of dropdown button
function findDim(obj) {
            var curleft = curtop = curwidth = 0;
            if (obj.offsetParent) {
                        curleft = obj.offsetLeft;
                        curtop = obj.offsetTop;
                        curwidth = obj.offsetWidth - 2;
                        while (obj = obj.offsetParent) {
                                    curleft += obj.offsetLeft;
                                    curtop += obj.offsetTop;
                        }
            }
            return [curleft,curtop,curwidth];
}

//used to hide menu list layer when mouse rolls out
function killtrigger(e,lyr) {
	if (!e) var e = window.event;
	var relTarg = e.relatedTarget || e.toElement;
	if (lyr != idFlag) {
		startTr(lyr);
	}
	if(relTarg.nodeName !='#text' && relTarg.nodeName !='A' && relTarg.nodeName !='DIV') {
		startTr(lyr);
	}
}