/**
* Clears the top submenu bar
**/
function clearSubmenus() {
	allSubmenus = document.getElementById('topSubmenu').getElementsByTagName('div');
	for(i = 0; i < allSubmenus.length; ++i) {
		allSubmenus[i].style.display = 'none';
	}
}

/**
* Hides all submenus and displays only the relevant one
* @param The image being rolled over
**/
function displaySubmenu(rolloverImage) {
	submenuID = "topSubmenu" + rolloverImage.id.substring(4);
	submenu = document.getElementById(submenuID);

	// Clear the submenu bar
	clearSubmenus();

	// Display this submenu
	submenu.style.display = 'inline';
}

/**
* Displays the default submenu
**/
function displayDefaultSubmenu() {
	allMenus = document.getElementById('topMenu').getElementsByTagName('img');
	found = false;
	for(var i = 0; i < allMenus.length; ++i) {
		if (allMenus[i].attributes.defaultmenu || allMenus[i].defaultmenu) {
			found = true;
			displaySubmenu(allMenus[i]);
		}
	}
	if (!found) {
		clearSubmenus();
	}

	// Turn off the menu timer for efficiency
	menuTimer = false;
}

/**
* Displays the default submenu after a short delay if the mouse is not over the submenu bar
**/
function delayDefaultSubmenu() {
	if (menuTimer) {
		setTimeout("if (menuTimer && !document.getElementById('topSubmenu').mousein) {displayDefaultSubmenu();} else {delayDefaultSubmenu();}", menuDelay);
	}
}

/**
* The image onMouseOver event
**/
function imgOnMouseOver(image) {
	// Turn off the menu time (so the default menu can't be displayed)
	menuTimer = false;
	// Display the submenu associated with this image
	displaySubmenu(image);
}

/**
* The image onMouseOut event
**/
function imgOnMouseOut(image) {
	// Turn on the menu timer (so the default menu can be displayed)
	menuTimer = true;
	// If the mouse not over another menu, display the default submenu after a short delay
	delayDefaultSubmenu();
}