// JavaScript Document

function initMenus()
{
	initMenu('content_right_col');
}

function initMenu(containerDiv) {
/* Check we are dealing with IE */
	if (document.all && document.getElementById) {
		/* Deal with the main navigation */
		var nav = document.getElementById(containerDiv);
		if (nav) {
			var navItems = nav.getElementsByTagName('li');
			for (i = 0; i < navItems.length; i++) {
				var navItem = navItems[i];
				
				navItem.onmouseover = function() {
				
					/* If there are other classes applied
					 * to the tag, add a space. Otherwise
					 * just set "hover" as the only class
					 */
					 
					if ("" != this.className) {
						this.className += ' '; 
					}
						this.className += 'hover'; 
				}
				
				navItem.onmouseout = function() {
				
					/* Check to see if hover is the only
					 * class applied to the tag. If so
					 * clear the whole class name.
					 * Otherwise search for " hover"
					 * and remove it.
					 */
					 
					if ("hover" == this.className) {
						this.className = ''; 
					} else {
						this.className = this.className.replace(' hover', ''); 
					}
				}
			}
		}
	}
}