// Une fois que le document est chargé, on appelle la fonction qui se charge de préparer les sous-menus à l'utilisation
$(document).ready((function(){prepSousMenus()}));
var sousmenus;
var menus;

function prepSousMenus()
{
	sousmenus = $('.sm_sousmenu');
	menus = $('.sm_menu');
    for (var i=0; i < menus.length; i++)
	{
		$(menus[i]).attr("name",i);
		$(menus[i]).bind('mouseover', function(){afficher($(this).attr("name"))});
	}
}

function toutCacher()
{
	for(var i=0; i < sousmenus.length; i++)
	{
		$(sousmenus[i]).css('display', 'none');
	}
}

function afficher(nomMenu)
{
	var numeroMenu = parseInt(nomMenu)
	toutCacher();
	$(sousmenus[numeroMenu]).fadeIn();
}