// Sliding Menus
var menuItem = new Array('aboutMenu','serviceMenu','specialtiesMenu','careersMenu'),
	menuLink = new Array('n2','n3','n4','n6'),
	navTimer;

function el(elementID) {
	return document.getElementById(elementID);
} 

function es(eID) {
	return el(eID).style;
}

function getHeight(menuID) {
	return el(menuID).offsetHeight;
}

function openMenu(itemNum) {
	clearTimeout(navTimer);
	for(i=0;i <= 3;i++) {
		es(menuItem[i]).display = 'none';
	}

	es(menuItem[itemNum]).display = 'block';
}

function menuTimer(num) {
	navTimer = setTimeout("closeMenu("+num+")", 200);
}

function closeMenu(itemNum) {
	es(menuItem[itemNum]).display = 'none';
}

function addListener(num) {
	el(menuLink[num]).onmouseover = function () { openMenu(num); };
	el(menuItem[num]).onmouseover = function () { openMenu(num); };
	el(menuLink[num]).onmouseout = function () { menuTimer(num); };
	el(menuItem[num]).onmouseout = function () { closeMenu(num); };
}

function setMenu(numItem) {
	for(i=0;i < menuItem.length;i++) {
		addListener(i);
	}
}

window.onload = function () { setMenu(); }