$(document).ready( function () {
	// On cache les sous-menus
	// sauf celui qui porte la classe "open_at_load" :
	$("div.subMenu:not(:first)").hide();
	// On selectionne tous les items de liste portant la classe "toggleSubMenu"

	// et on remplace l'element span qu'ils contiennent par un lien :
	$("li.toggleSubMenu span.toggleSubMenuLink").each( function (i) {
			// On stocke le contenu du span :
			var TexteSpan = $(this).html();
			$(this).replaceWith('<a class="toggleSubMenuLink" href="#" name="'+i+'">' + TexteSpan + '</a>') ;
	} ) ;

	// On modifie l'evenement "click" sur les liens dans les items de liste
	// qui portent la classe "toggleSubMenu" :
	//$("li.toggleSubMenu > a").parent().addClass("open");
	$("li.toggleSubMenu > a:first").parent().addClass("open");
	$("li.toggleSubMenu > a").click( function () {
			initSlides(this, true);
			return false;
	});
});
function initSlides(element, slideEffect, fct) {
	// Si le sous-menu etait deja ouvert, on le referme :
	if ($(element).next("div.subMenu:visible").length != 0) {
		if(slideEffect) {
			$(element).next("div.subMenu").slideUp("normal", function () { $(this).parent().removeClass("open") } );
		} else {
			$(element).next("div.subMenu").hide();
			$(element).next("div.subMenu").removeClass("open");
		}
	}
	// Si le sous-menu est cache, on ferme les autres et on l'affiche :
	else {
		if(slideEffect) {
			$("div.subMenu").slideUp("normal", function () { $(this).parent().removeClass("open") } );
			$(element).next("div.subMenu").slideDown("normal", fct);
			$(element).next("div.subMenu").parent().addClass("open");
		} else {
			$("div.subMenu").hide();
			$("div.subMenu").parent().removeClass("open");
			$(element).next("div.subMenu").show();
			$(element).next("div.subMenu").parent().addClass("open");
		}
	}
	// On empêche le navigateur de suivre le lien :*/
}