document.observe("dom:loaded", function() { 
	menu();
}); 

// menu
// Initialise le menu (et sous menus)
function menu(){
	$('menu').select('li').each(function(n){
		if($(n.select('ul').first()))
			n.select('ul').first().hide();
		Event.observe(n, 'mouseover', function(){
			rollOver(n);
			if($(n.select('ul li').first()))
			{
				var submenu = n.select('ul').first();
				submenu.show();
				if(submenu.getWidth() < n.getWidth())
					submenu.setStyle({width:n.getWidth()+"px"});
			}
		});
		Event.observe(n, 'mouseout', function(){
			rollOver(n);
			if($(n.select('ul').first()))
				n.select('ul').first().hide();
		});
	}); 
}

// rollOver
// Change les images du menu au rollover
// @item : noeud <li> du menu
function rollOver(item){
	var src = item.select('img').first().readAttribute('src');
	if(src.include('over'))
		src = src.replace("/over", "");
	else
		src = src.replace(/menu\/(\w+)\.gif/, "menu/over/$1.gif");
	item.select('img').first().writeAttribute('src', src);
}

// showCity
// Affiche les infos de la ville correspondante 
// sur la page "permanence CNL"
// @id : id du noeud HTML ˆ afficher
function showCity(id)
{
	$$('.permanence .city').each(function(n){
		n.setStyle({"display":"none"});
	}); 
	$(id).setStyle({"display":"block"});
}