Sys.Application.add_load(function()
{
	var menu = $get("Menu");
	var level1Nodes = document.getElementsBySelector("#Menu .Level1 a");
	var level2Strips = document.getElementsBySelector("#Menu .Level2");
	var activeStripIndex = -1;
	
	var expandedIndex;
	var expand = function(index) {
		if (expandedIndex != index)
		{
			for(var i = 0; i < level1Nodes.length; i++){
				var level1Node = level1Nodes[i];
				if (i == index) { Sys.UI.DomElement.addCssClass(level1Node, "Expanded"); }
				else { Sys.UI.DomElement.removeCssClass(level1Node, "Expanded"); }
			}
			for(var i = 0; i < level2Strips.length; i++){
				var level2Strip = level2Strips[i];
				if (i == index) { Sys.UI.DomElement.addCssClass(level2Strip, "Expanded"); }
				else { Sys.UI.DomElement.removeCssClass(level2Strip, "Expanded"); }
			}
			expandedIndex = index;
		}
	};
	if (window.console) { window.console.log('Menu: expandedIndex = ' + expandedIndex); }
	
	for(var i = 0; i < level1Nodes.length; i++){
		var level1Node = level1Nodes[i];
		if (Sys.UI.DomElement.containsCssClass(level1Node, "Active")) { activeStripIndex = i; }
		
		//See http://www.howtocreate.co.uk/referencedvariables.html
		var expandFunction = (function(index){return function(){  expand(index);  };})(i);
		$addHandler(level1Node, "mouseover", expandFunction);
	}
	expand(activeStripIndex);
	
	var recoverFunction = function(e){expand(activeStripIndex);};
	xb.addEvent(menu, 'mouseleave', recoverFunction, false);
});

Sys.Application.notifyScriptLoaded();