/**
 * @file
 * Interactive functionality for navigation menu.
 * 
 */

/**
 * Gets named element from document object model according to available members of API.
 */
function getElement(eleName) {
	return document.all ? document.all[eleName] : document.getElementById(eleName);
}

/**
 * Adds selected style to named menu item when mouse moves over it.
 */
function handleMenuItemMouseOver(eleName) {
	var ele = getElement(eleName);
	ele.className += " menu-highlighted";
}

/**
 * Removes selected style from named menu item when mouse moves off of it.
 */
function handleMenuItemMouseOut(eleName) {
	var ele = getElement(eleName);
	var newClassName = ele.className.replace(/ menu-highlighted/, "");
	ele.className = newClassName;
}

/**
 * Adds highlighted style to named submenu item when mouse moves over it.
 */
function handleSubMenuItemMouseOver(eleName) {
	var ele = getElement(eleName);
	ele.className += " submenu-highlighted";
}

/**
 * Removes selected style from named submenu item when mouse moves off of it.
 */
function handleSubMenuItemMouseOut(eleName) {
	var ele = getElement(eleName);
	var newClassName = ele.className.replace(/ submenu-highlighted/, "");
	ele.className = newClassName;
}