var buttons = document.getElementsByClassName('menubutton');
var menuitems = document.getElementsByClassName('menuitem');
var submenus = [null, $('mylistingssub'), $('listingssub'), $('aboutmontanasub'), $('servicessub'), $('advicesub'), $('aboutussub'), null];
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(500);
}

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);
}