window.addEvent('domready', function(){
	// The same as before: adding events
	
	//Maak een array die gevuld wordt met de classnames v.d. dropdownmenus
	var dropdowns = $$('.dropdown');
	var menulijst = $$('.lijst');	
	var hoogte = new Array();

	menulijst.each(function(el, i){
		var newHoogte = (el).getSize().y;
		hoogte[i] = newHoogte +60;
		//alert(hoogte[i]);
	});
	
	//Maak een functie door elk 'log' element wordt aangeroepen
	dropdowns.each(function(el, i){
							  
		(el).addEvents({
			'mouseenter': function(){
				// Always sets the duration of the tween to 1000 ms and a bouncing transition
				// And then tweens the height of the element
				this.set('tween', {duration: 400,transition: Fx.Transitions.Cubic.easeOut}).tween('height',hoogte[i]+'px');
				
			},
			'mouseleave': function(){
				// Resets the tween and changes the element back to its original size
				this.set('tween', {duration: 400,transition: Fx.Transitions.Cubic.easeOut}).tween('height', '60px');
				
			}
		});
	});
	
});