// JavaScript Document
window.addEvent('domready', function(){
																		 
var aantalButtons = 8;
var buttons = new Array();
var submenus = new Array();
var effects = [];
var lastEffect = null;
var timer = null;

for(i=1; i < aantalButtons; ++i){
	buttons.push($('m'+i));
	submenus.push($('submenu'+i));
}

function mouseOverMenuButton(i) {
	$clear(timer);
	if(lastEffect){
		lastEffect.start(0);
	}
	lastEffect = effects[i] ? effects[i].start(submenus[i].scrollHeight) : null;
}

function mouseOutMenu() {
	timer = function() {
		if(lastEffect) {
				lastEffect.start(0);
				lastEffect = null;
		}
	}.delay(400);
}

for(var i=0; i < buttons.length; ++i) {
	if(submenus[i]) {
		submenus[i].style.overflow = 'hidden';
		submenus[i].style.display = 'block';
		effects[i] = submenus[i].effect('height', {duration: 400, wait:false}).hide();
		if(window.ActiveXObject){
			submenus[i].addEvent('mouseover', function() {$clear(timer);});
		}
	}
	buttons[i].addEvent('mouseover', mouseOverMenuButton.pass(i)).addEvent('mouseout', mouseOutMenu);	
}


});