var buttons = document.getElementsByClassName('menubutton');
	var menuitems = document.getElementsByClassName('menuitem');
    var submenus = [$('submenu1'), $('submenu2'), $('submenu3'), $('submenu4'), $('submenu5'), $('submenu6'), $('submenu7')];
    var effects = [];
    var lastEffect = null;
    var timer = null;
    
    function mouseOverMenuButton(i) {
        $clear(timer);
        if(lastEffect) lastEffect.goTo(0);
        lastEffect = effects[i] ? effects[i].goTo(submenus[i].scrollHeight) : null;
    }
    
    function mouseOutMenu() {
        timer = function() {
            if(lastEffect) {
                lastEffect.goTo(0);
                lastEffect = null;
            }
        }.delay(400);
    }
    
    for(var i=0; i < buttons.length; ++i) {
			if(submenus[i]) {
				submenus[i].style.overflow = 'hidden';
				effects[i] = submenus[i].effect('height', {duration: 500, wait:false}).hide();
				if(window.ActiveXObject){
					submenus[i].addEvent('mouseover', function() {$clear(timer);});
				}
				else {
				submenus[i].addEvent('mouseover', function() {$clear(timer);}).addEvent('mouseout', mouseOutMenu);
				}
			}
			buttons[i].addEvent('mouseover', mouseOverMenuButton.pass(i)).addEvent('mouseout', mouseOutMenu);
		}