// JavaScript for showing dropdown items in header menu

function getElementPosition(elemID) {
    var offsetTrail = document.getElementById(elemID);
    var offsetLeft = 0;
    var offsetTop = 0;
    while (offsetTrail) {
        offsetLeft += offsetTrail.offsetLeft;
        offsetTop += offsetTrail.offsetTop;
        offsetTrail = offsetTrail.offsetParent;
    }
    // The following Mac-specific code only seems to screw things up
    /*if (whichPlatform() == "Mac" && typeof document.body.leftMargin != "undefined") {
        offsetLeft += document.body.leftMargin;
        offsetTop += document.body.topMargin;
    }*/
    return {left:offsetLeft, top:offsetTop};
}

function showSubMenu(menu, mainlink) {
	var menuDIVs = new Array(
		document.getElementById('items_approach'),
		document.getElementById('items_resources'),
		document.getElementById('items_appointments')
	);
	var mainLinks = new Array(
		document.getElementById('group_approach'),
		document.getElementById('group_resources'),
		document.getElementById('group_appointments')
	);
	var menuHdr = document.getElementById(mainlink);
	var menuHdrPos = getElementPosition(mainlink);
	var menuDIV = document.getElementById(menu);
	for (var j=0; j<menuDIVs.length; j++) {
		if (document.getElementById(menu) != menuDIVs[j]) menuDIVs[j].style.display = "none"; // Hide previous menu, whatever it was
	}
	menuDIV.style.left = (parseInt(menuHdrPos.left) + 0) + "px";
	menuDIV.style.top = (parseInt(menuHdrPos.top) + 25) + "px";
	menuDIV.style.visibility = "visible";
	menuDIV.style.display = "";
	//menuHdr.style.backgroundColor = "#453918";
	/*
	// Internet Explorer wasn't clipping child DIVs inside their container so we have to adjust the width accordingly:
	if (whichBrowser() == "Internet Explorer") {
		menuDIV.style.width = 159 + "px";
		var chldrn = menuDIV.getElementsByTagName('div');
		for (var i=0; i<chldrn.length; i++) {
			chldrn[i].style.width = 155 + "px";
		}
	}
	*/
}

var _timer = '';

function hideSubMenus() {
	document.getElementById('items_approach').style.display = "none";
	document.getElementById('items_resources').style.display = "none";
	document.getElementById('items_appointments').style.display = "none";
	clearInterval(_timer);
}

function hideMenusTimer(t) {
	switch (t) {
		case 'start':
			_timer = setInterval('hideSubMenus()', 100);
			break;
		case 'stop':
			clearInterval(_timer);
			break;
	}
}