var accordionContents;
var togglers;
var accordion;
var activeElemId;
//var activeToggler;
//var previousToggler;

function swapClasses(elem, from, to) {
	var className = elem.className;
	if (className) {
		var regExp = '/'+from+'/';
		elem.className = className.replace(eval(regExp), to);
		}
}

function swapMenuClasses(menuTree) {
	var children = menuTree.childNodes;
	for (var i=0; i < children.length; i++) {
		var child = children[i];
		swapClasses(child, 'opened _closed', 'closed');
	}
}
function loadAccordion(activeMenu) {
	accordionContents = document.getElementsByClassName('accordion');
	togglers = document.getElementsByClassName('toggler');
	
	var initActiveMenu = togglers[activeMenu];
	if (initActiveMenu) {
		swapClasses(initActiveMenu.parentNode.parentNode, 'closed', 'opened');
	}

	accordion = new fx.Accordion(togglers, accordionContents, {
		show: activeMenu,
		start: 'first-open',
		handleBirth: 'true',
		onComplete: function() {
			accordionContents[activeElemId].style.height = null;
//			alert('comp');
//			if (previousToggler) {
//				previousToggler.parentNode.parentNode.className = 'closed';
//			}
		},
		onStart: function() {
//			alert('start');
//			activeToggler.parentNode.parentNode.className = 'opened';
//			alert('onStart');
		},
		onBackground: function(toggler, element) {
//			alert('bg');
			setTimeout ( function() {
				if (toggler)
					swapClasses(toggler.parentNode.parentNode, 'opened', 'closed');
				}, 450);
		},
		onActive: function(toggler, element) {
			activeElemId = element;
//			toggler.parentNode.parentNode.className = 'opened';
//			alert('active');
//			previousToggler = activeToggler; 
//			activeToggler = toggler;
//			activeToggler.parentNode.parentNode.className = 'opened';
//			alert('onActive');
		}
	});
}
function initMenu(activeMenu) {
	swapMenuClasses($("menuHaut"));
	swapMenuClasses($("menuBas"));
	loadAccordion(activeMenu);
}