Event.observe(window, "load", function(){
	//Initialisation du menu
	$$('.menu_child').each(function(ul){ 
		if(!ul.parentNode.hasClassName('menu_active'))
			ul.hide();
		else {
			if(ul.firstDescendant().hasClassName('active'))
				ul.parentNode.setStyle({backgroundColor: '#C8D1BD'});
			else ul.parentNode.setStyle({backgroundColor: '#E5E9E0'});
		}
	});

	//Gestion menu	
	//Ajout de listener
	$$('#menu_main a.menu_link').each(function(a){
		a.observe("click", function(evt){
			menu = $(Event.element(evt)).next();
			
			if(menu.visible()){
				Effect.BlindUp(menu, { queue: 'end', afterFinish: function(obj){
					obj.element.parentNode.removeClassName('menu_active');
					obj.element.parentNode.style.backgroundColor = "";
				}});
			} else {
				menu.parentNode.addClassName('menu_active');
				if(menu.firstDescendant().hasClassName('active'))
					menu.parentNode.setStyle({backgroundColor: '#C8D1BD'});
				Effect.BlindDown(menu, {queue: 'end'});
			}

			evt.stop();
		});
	});
	
	//Fix top sous-menus mouse-over
	["projet", "maisonBois", "deroule", "devisMaison"].each(function(id){
		$(id).observe("mouseover", function(evt){
			elt = $(Event.element(evt));
			if(elt.hasClassName('active') || elt.parentNode.hasClassName("active")) return true;
			li = elt.ancestors().find(function(ancestor){
				return ancestor.hasClassName("menu_active");
			});
			li.setStyle({backgroundColor: '#C8D1BD'});
		});
		$(id).observe("mouseout", function(evt){
			elt = $(Event.element(evt));
			if(elt.hasClassName('active') || elt.parentNode.hasClassName("active")) return true;
			li = elt.ancestors().find(function(ancestor){
				return ancestor.hasClassName("menu_active");
			});
			li.setStyle({backgroundColor: '#E5E9E0'});
		});
	});
	
});