/***********************************************************
Le menu doit être construit sous cette forme
<div id="XXX">
	<ul>
		<li><a>...</a>
			<ul>
				<li><a>...</a></li>
				<li><a>...</a></li>
			</ul>
		</li>
		<li><a>...</a>
			<ul>
				<li><a>...</a></li>
				<li><a>...</a></li>
			</ul>
		</li>
	</ul>
</div>
************************************************************/

jQuery.fn.dropDownMenu = function(skin)
{
	$('li',this).hover(
		function() 
		{ 
			$('ul',this).show(); 
			
			$('ul',this).each( function() {
				var els = $('li a',this);
				var width=0;
				for(var i=0;i<els.length;i++)
				{	
					width = Math.max(width,$(els[i]).width());
				}
				$('li a',this).width(width);
			});
		},
		function() 
		{
			$('ul',this).hide(); 
		}
	);
	
	$('li ul',this).hide();

	if(skin!=undefined && skin!='')
		$(this).addClass(skin);
}