// JavaScript Document

/* -------------------------------------------- Hover Over Functions -------------------------------------------- */

		function initMenus()
		{
			initMenu('menu-main');
		}

		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', ''); 
							}
						}
					}
				}
			}
		}