// Open menu for current area and collapse when another menu is rolled
// Actually this failed badly due to horrible event handling models. Came up with a CSS solution instead.
/*
var area = "";
var menus = {"strategy_and_planning":'',"design_studio":'',"pr_and_communications":'',"the_business_desk":'',"market_intelligence":''};

function openMenu(name) {
	// Open named menu and collapse others
	for (var menu in menus) {
		if (menu == name) {
			alert('open ' + menu + ' (' + name + ')');
			cssjs('add', menu + '_menu', 'open');
		} else {
			//alert('close ' + menu + ' (' + name + ')');
			cssjs('remove', menu + '_menu', 'open');
		}
	}
}

function initMenus(argArea) {
	area = argArea;
	if (area in menus) {
		// initially open area menu
		cssjs('add', area + '_menu', 'open');
	}
	// Add event handlers
	obj('left_menu_accordian').onmouseout = function(e) {
		// restore area menu
		if (mouseReallyOut(e)) {
			cancelBubble(e);
			openMenu(area);
		}
	}
	for (var menu in menus) {
		// add handler to close other menus when opening this one
		obj(menu + '_menu').onmouseover = function(e) {
			alert(getTarget(e).className);
			if (mouseReallyIn(e)) {
				var tg = getTarget(e);
				alert(tg.className);
				var name = tg.id.replace('_menu','');
				openMenu(name);			
			}
		}
	}
}
*/