$(document).ready( function () {
    // On cache les sous-menus
    // sauf celui qui porte la classe "open_at_load" :
    
    $("ul.subMenu:not('.open_at_load')").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").each( function () {
	// On stocke le contenu du span :
	var TexteSpan = $(this).text();
	$(this).replaceWith('<a href="" title="Afficher le sous-menu">' + TexteSpan + '</a>') ;
    } ) ;
    
    // On modifie l'evenement "click" sur les liens dans les items de liste
    // qui portent la classe "toggleSubMenu" :
    $("a.toogleSubMenu").click( function () {
	// Si le sous-menu etait deja ouvert, on le referme :
	if ($(this).next("ul.subMenu:visible").length != 0) {
	    $(this).next("ul.subMenu").slideUp("normal", function () { $(this).parent().removeClass("open") } );
	}
	// Si le sous-menu est cache, on ferme les autres et on l'affiche :
	else {
	    $("ul.subMenu").slideUp("normal", function () { $(this).parent().removeClass("open") } );
	    $(this).next("ul.subMenu").slideDown("normal", function () { $(this).parent().addClass("open") } );
	}
	// On empêche le navigateur de suivre le lien :
	return false;
    });
    
    $("ul.subMenu li").mouseover(function() {
	$(this).removeClass("menu-sub-link", 0);
	$(this).addClass("listOver", 0);
    });


    $("ul.subMenu li").mouseout(function() {
	$(this).removeClass("listOver", 0);
	$(this).addClass("menu-sub-link", 0);
    });

    
    $("ul.subMenu li a").mouseover(function() {
	$(this).animate({
	    color: "#70C339",
	    marginLeft: 5,
	    fontWeight: "bold",
	    fontSize: "13px"
	}, 300);
    });
    
    $("ul.subMenu li a").mouseout(function() {
	$(this).animate({
	    color: '#aaa',
	    marginLeft: 0,
	    fontWeight: "normal",
	    fontSize: "13px"
	}, 300);
    });

    $('#image').hide().fadeIn(3000);

} ) ;