var Menu = {};
Menu.config = {root: {tagName: 'ul',id: 'nav-detail'},topEntries: {tagName: 'li'},trigger: {tagName: 'h4'},activeClass: 'actif'};
Menu.entries = [];
Menu.activeEntry = null;

Menu.display = function(ev)
{
	var cEntry = Event.element(ev);

	if(Object.isInitialized(cEntry))
	{
		for(var i=0; i<Menu.entries.length; i++)
		{
			if(Menu.entries[i] == cEntry)
			{
				Menu.activeEntry = cEntry;
				Element.addClassName(cEntry.parentNode,Menu.config['activeClass']);
			}
			else
			{
				Element.removeClassName(Menu.entries[i].parentNode,Menu.config['activeClass']);
			}
		}
	}
}

Menu.init = function()
{
	try
	{
		var tColl = Element.select(Menu.config['root']['id'],Menu.config['trigger']['tagName']);
		
		tColl.each(function(elem)
		{
			elem.observe('click',Menu.display);
			Menu.entries.push(elem);
			
			if(Element.hasClassName(elem.parentNode,Menu.config['activeClass']))
			{
				Menu.activeEntry = elem;
			}
		});
	}
	catch(e)
	{
		//alert(e)
	}
}

if(window.Prototype)
{
	document.observe('dom:loaded',Menu.init);
}