hors_champ = true;

Event.observe(window,'load',function(){
	addButtonShowList_Serie();	
});

function addButtonShowList_Serie(){
	$$('#menu .list h3').each(function(element){
		addButtonShowList(element);
	});
}

var menu_ouvert = false;

function addButtonShowList(element){
	Event.observe(element,'click',function(event){
		coul = couleurs_menu[($(element).up().id.substring(4,5))-1];
		selectionnerMenu(element,coul);		
	})
}

function deselectionnerMenu(){
	if($$('#menu .list.ouvert').size()>0){
		var queue = Effect.Queues.get('menuscope');
		queue.each(function(effect) { effect.cancel(); });						
		$$('div div .list.ouvert h3')[0].setStyle({backgroundColor:''})
		$$('div div .list.ouvert')[0].removeClassName('ouvert')
		menu_ouvert = false;
		if(document.getElementById('cache')){
			$('cache').removeClassName('ouvert');
		}
	}
}

function selectionnerMenu(element,coul){
	if($(element).up() != $$('#menu .list.ouvert')[0]){
		if($$('#menu .list.ouvert').size()>0){
			deselectionnerMenu();
		}
		liste = $(element).up().getElementsByTagName('ul')[0];
		$(liste).setStyle({backgroundColor: ''});
		new Effect.Highlight($(liste), { queue: {position: 'end', scope: 'menuscope' },startcolor: '#958bad',endcolor: '#ffffff', restorecolor: '#ffffff', duration: 0.3});		
		$(element).up().addClassName('ouvert')		
		menu_ouvert = true;
		Event.observe(document,'click',function(event){		
			if($$('#menu .list.ouvert').size()>0){
				if(Event.findElement(event, 'H3')==undefined&&Event.findElement(event, 'UL')==undefined){
					deselectionnerMenu()
					Event.stopObserving(document,'click')
				}
			}
		})
		if(document.getElementById('cache')){
			$('cache').addClassName('ouvert');
		}
	} else{
		deselectionnerMenu();
	}
}