var HIDE_TIMEOUT = 250;
var currentPageIndex = 0;
var pages;
var padder;

Event.observe(window, "load", function() {
	// Set up the dropdown
	$("menu").select("a").each(function(i) {
		var menu = $(i.readAttribute("menu-id"));
		if(menu) {
			menu.setStyle({ visibility : "visible" });
			menu.activator = i;
			i.menu = menu;
			menu.activator.active = (menu.activator.classNames().include('active'));
			menu.observe("mouseout", function(ev) {
				var menu = ev.findElement("div");
				menu.timer = setTimeout("$('" + menu.id + "').hideMenu();", HIDE_TIMEOUT);
			});
			menu.observe("mouseover", function(ev) { clearTimeout(ev.findElement("div").timer) });
			menu.activator.observe("mouseover", function(ev) {
				var menu = ev.element().menu;
				clearTimeout(menu.timer);
				menu.activator.addClassName("active");
				Effect.Queues.get('menu').each(function(effect) { effect.cancel(); });
				new Effect.Morph(menu.id, {
					style : "height:" + menu.originalHeight + "px",
					transition : Effect.Transitions.spring,
					duration : .5,
					queue : { scope : 'menu' }
				});
			});
			menu.hideMenu = function() {
				Effect.Queues.get('menu').each(function(effect) { effect.cancel(); });
				new Effect.Morph(this.id, {
					style : "height:0px;top:" + this.hiddenTop + "px",
					transition : Effect.Transitions.linear,
					duration : .25,
					queue : { scope : 'menu' }
				});
				if (!menu.activator.active)
					menu.activator.className = menu.activator.id;
			}
			menu.activator.observe("mouseout", function(ev) { ev.element().menu.timer = setTimeout("$('" + ev.element().menu.id + "').hideMenu();", HIDE_TIMEOUT) });
			menu.originalHeight = menu.getHeight();
			//menu.originalTop = i.cumulativeOffset().top + menu.activator.getHeight()+1;
			menu.hiddenTop = i.cumulativeOffset().top+ menu.activator.getHeight()+1;
	
			menu.setStyle({ top : menu.hiddenTop + "px", height : "0px", left : i.cumulativeOffset().left + "px" });
		}
	});

});