(function($){

	// Masque les SM
	$('#menuindex > div > div').hide();
	
	// Définit l'événement clic pour les menus
	$('#menuindex > div').click(function(e){
		// Stoppe la bulle
		e.stopPropagation();
		
		// Masque tous les SM sauf celui du menu cliqué
		$('#menuindex > div > div').not($(this).children('div')).fadeOut(500);
		
		// Récupère la position du menu cliqué
		var pos = $(this).position();
		
		// Repositionne le SM du menu cliqué
		var x = pos.left + 12;
		var y = $('#menuindex').height() + 15;
		$(this).children('div').css('left', x + 'px');
		$(this).children('div').css('top', y + 'px');
		
		// Si le SM du menu cliqué est visible, on le masque, sinon, on l'affiche
		if ($(this).children('div:first').is(':visible'))
			$(this).children('div').slideUp(300);
		else
			$(this).children('div').slideDown(300);
	});
	
	// Définit l'événement clic pour le body
	$(document).click(function(){
		$('#menuindex > div > div').slideUp(300);
	});

})(jQuery);