window.addEvent('domready', function(){
	/* Submenus opacity op 0 zetten */
	$$('.submenu').each(function (e) {
		e.setStyle('opacity','0');
	});
	$$('.trigger').each(function(e){
		var victim = e.id; // geeft het ID van het object waar deze call mee is gedaan
		victim = victim.replace('trigger', 'sub'); // zorgt ervoor dat het submenu het slachtoffer is, en niet de trigger zelf
		var myEffect = new Fx.Morph(victim, {duration: 1, transition: Fx.Transitions.Sine.easeOut});
		
		e.addEvents({
			'mouseenter': function(){
				if($(victim)) {
					if($(victim).getStyle('opacity') == 0) { // menu al open? Dan niet doen.
						$(victim).setStyle('height','0');
						$(victim).setStyle('display', 'block');
						
						 
						// hierboven aangemaakte effect starten
						myEffect.start({
							'height': ($(victim).getElements('li').length * 22),
							'opacity': 1 
						});
					}
				}
			},
			'mouseleave': function() {
				$$('.submenu').each(function(e) {					 
					// hierboven aangemaakte effect starten
					myEffect.start({
						'height': 0,
						'opacity': 0
					});
				});
			}
		});
	});
	
	$('menulistMain').addEvents({
		'mouseleave': function() {
			$$('.submenu').each(function(e) {
				var myEffect = new Fx.Morph(e, {duration: 'short', transition: Fx.Transitions.Sine.easeOut});
				 
				// hierboven aangemaakte effect starten
				myEffect.start({
					'height': 0,
					'opacity': 0
				});
			});
		}
	});
	
	/* Zorgt ervoor dat submenus met een effect getoond worden, wanneer er over een menuknop (trigger) wordt gegaan */
	
	/* Zorgt ervoor dat een submenu weer verdwijnt zodra de gebruiker de muis uit het submenu haalt */
	/* Alles wordt gesloten zodra de muis uit het hoofdmenu gaat, dus niet meer nodig.
	$$('.submenu').addEvents({
		'mouseleave': function(){
			var victim = this.id; // geeft het ID van het object waar deze call mee is gedaan
			
			if($(victim)) {
				
				var myEffect = new Fx.Morph(victim, {duration: 'short', transition: Fx.Transitions.Sine.easeOut});
				 
				// hierboven aangemaakte effect starten
				myEffect.start({
					'height': 0,
					'opacity': 0
				});
				
				// comment van hier
				Bovenstaande geeft een mooier resultaat, dit niet meer gebruiken
				$(victim).setStyle('opacity','1');
				$(victim).set('tween', {
					duration: 200,
					transition: Fx.Transitions.linear // This could have been also 'bounce:out'
				}).tween('opacity', '0');
				
				
				$(victim).set('tween', {
					duration: 200,
					transition: Fx.Transitions.linear // This could have been also 'bounce:out'
				}).tween('height', '0');
				
				$(victim).setStyle('display', 'none');
				// tot hier
			}
		}
	});
	*/
	
});