window.addEvent('domready', function(){
	
	if(window.ie7){
		$ES('.menu_2_2').setStyle('margin-bottom', '-3px');
	}else if(window.ie6){
		$ES('.menu_2_2').setStyle('margin-bottom', '-2px');
	}
	
	//submenu popups
	$$('#navigation li').each(function(el){
		if(el.id){
			
			//bepalen wat de margin-left moet worden (t.b.v. centreren submenu t.o.v. parent)
			if(el.className == 'menu_2_1'){
				parentWidth = el.getSize()['size']['x']; //20 = padding
			}
			
			$(el).addEvent('mouseover', function(event) {
								
				$(el).getChildren().each(function(el2){
					if(el2.className.contains('menu_2_2_hide') || el2.className.contains('menu_2_2_show')){
						el2.style.display = 'block';

						submenuSize = el2.getSize();
						
						//achtergrondafbeelding submenu
						subItemAmount = (submenuSize['size']['y'] - 30) / 36;
						if(!el2.className.contains('bgmenu')){
						
							el2.className = el2.className + ' bgmenu_' + Math.ceil(subItemAmount);
						}
						
						//submenu horizontaal positioneren
						el2.setStyle('margin-left', ((parentWidth - 120) / 2) + 'px');
						
						//submenu verticaal positioneren
						correction = 15;
						el2.setStyle('margin-top', '-' + (submenuSize['size']['y']+correction) + 'px');
					
						$(el2).addEvent('mouseleave', function(event) {
							el2.style.display = 'none';
						});	
					}												
				});
			});
			$(el).addEvent('mouseleave', function(event) {
				$(el).getChildren().each(function(el2){
					if(el2.className.contains('menu_2_2_hide') || el2.className.contains('menu_2_2_show')){
						el2.style.display = 'none';	
					}										
				});				
			});
		}
	});
});