/* --- JavaScript --- */
/* --- DropDown --- */

/*
	<div id="hoofdMenu">
		<ul>
			<li><a href="#">item</a>
				<ul>
					<li><a href="#">subItem</a></li>
					<li><a href="#">subItem</a></li>
				</ul>
			</li>
			<li><a href="#">item</a>
				<ul>
					<li><a href="#">subItem</a></li>
					<li><a href="#">subItem</a></li>
				</ul>
			</li>
		</ul>
	</div>
	
	
	.hoofdMenu li:hover, .hoofdMenu li.jsHover {
		-- mouseover li hoofdmenu --
	}
	
	.hoofdMenu li li:hover, .hoofdMenu li li.jsHover {
		-- mouseover li uitklapmenu --
	}
*/

initDropDown = function() {
	var hoofdMenu = document.getElementById('mainMenu');	// selecteer op ID van hoofdMenu
	if (!hoofdMenu) return false;
	
	var menuItems = hoofdMenu.getElementsByTagName('li');
	for (m=0; m<menuItems.length; m++) {
		var menuItem = menuItems[m];
		
		menuItem.onmouseover = function() {
			addClass(this, "jsHover");
			
			if (typeof document.body.style.maxHeight == "undefined") {
			    var contentWrapper = document.getElementById('mainContent');
                if (contentWrapper) {
                    var selects = contentWrapper.getElementsByTagName('select');
                    for (var i=0; i<selects.length; i++) {
                        selects[i].style.visibility = 'hidden';
                    }
                }
             }
            
            
            
		}
		menuItem.onmouseout = function() {
			removeClass(this, "jsHover");
			
			if (typeof document.body.style.maxHeight == "undefined") {
			    var contentWrapper = document.getElementById('mainContent');
                if (contentWrapper) {
                    var selects = contentWrapper.getElementsByTagName('select');
                    for (var i=0; i<selects.length; i++) {
                        selects[i].style.visibility = 'visible';
                    }
                }
            }
		}
		
		var itemLinks = menuItem.getElementsByTagName('a');
		for (a=0; a<itemLinks.length; a++) {
			var itemLink = itemLinks[a];
			
			itemLink.onfocus = function() { // voor toetsenbordnavigatie
				addClass(this.parentNode, "jsHover");
			}
			itemLink.onblur = function() {
				removeClass(this.parentNode, "jsHover");
			}
		}
	}
	
	

}


/* --- call functions only if the used methods are supported --- */
if (document.getElementById && document.createElement) {
	if (cssSupport()) {
		addLoadEvent(initDropDown);
	}
}

/* --- call functions only if the used methods are supported for IE6 select fix --- */



//if (ie6)