// settings (miliseconds)
var sliderSpeed = 300;  // speed of the animation
var sliderDelay = 2500; // time before the menu is closed
var submenus = 5;		// number of submenus

// vars
var sliderItems, sliderCounter, timer;
var sliderPosition = new Array();
window.aniSlider = new Array();

function iniSubmenu() {
	sliderItems = $$('div.submenu');
	sliderCounter = sliderItems.length;
	if (sliderCounter >= submenus) {
		for (var i=0; i<sliderCounter; i+=1) {
			sliderPosition[i] = '-' + (parseInt(sliderItems[i].getStyle('height')) - 5);
		
			// IE6 Bug - NEEDS FIX
			// if (parseInt(sliderItems[i].getStyle('height')) == '0') {
			// 	setTimeout('iniSubmenu()', 500);
			// }
			// END: bugfix
		
			window.aniSlider[i] = new Animator({
				duration: sliderSpeed
			}).addSubject(new NumericalStyleSubject(
				sliderItems[i], 'margin-top', sliderPosition[i], -15)
			);
		
			sliderItems[i].setStyle({
				marginTop: sliderPosition[i] + 'px'
			});
		}
	} else {
		window.setTimeout('iniSubmenu()', 250);
	}
}

function showSubmenu(id) {
	for (var i=0; i<sliderCounter; i+=1) {
		if (i != id) {
			hideSubmenu(i);
		}
	}
	sliderItems[id].setStyle({
		backgroundPosition: 'bottom right'
	});
	window.aniSlider[id].seekTo(1);
	timer = setTimeout('hideSubmenu('+id+')', sliderDelay);
}

function hideSubmenu(id) {
	clearTimeout(timer);
	window.aniSlider[id].seekTo(0);
	sliderItems[id].setStyle({
		backgroundPosition: 'bottom left'
	});
}

function hideSubmenuAll() {
	clearTimeout(timer);
	for (var i=0; i<sliderCounter; i+=1) {
		hideSubmenu(i);
		sliderItems[i].setStyle({
			backgroundPosition: 'bottom left'
		});
	}
}