function showScrollPane(assetidSelected)
{
    var assetidDeselected = 0;
    var i;

    // Cacher le corps
    var divElements = document.getElementsByTagName("ul");
    for(i = 0; i < divElements.length; i++)
    {
        // Exclure éléments sans attribut id approprié
        var divId = divElements[i].getAttribute("id");
        if(!divId || divId.substring(0, 3) != "div")
            continue;

        // Corps affiché ?
        var style = $('#'+divId).css("display"); 
        if (style != "none") 
        {
            assetidDeselected = divId.substring(3);

            // Cacher le corps
            //alert("hide : "+divId);
            $('#'+divId).hide();                  
            break;
        }
    }

    var liElements = document.getElementsByTagName("li");
    var liId;
    var liClass;
    var iSousMenu;
    var type;
    var j;
    var haut;

    for(i = 0; i < liElements.length; i++)
    {
        // Exclure éléments sans attribut id approprié
        liId = liElements[i].getAttribute("id");
        if(!liId || liId.substring(0, 2) != "li")
            continue;

        // Sous-menu ?
        liClass = $('#' + liElements[i].getAttribute("id")).attr("class");
        if(liClass.substring(0, 8) == "sousMenu")
        {
            iSousMenu = i;
            type = "sousMenu";
        }
        else if(liClass.substring(0, 6) == "circle")
            type = "circle";
        else
            type = "ligne";

        if(type == "ligne")
        {
            $('#' + liId).removeClass(liClass);
            var clazz = $('#' + liId).attr("class");
            if(clazz.length == 0)
                $('#' + liId).removeAttr("class");

            if(liId.substring(2) == assetidSelected)
            {
                // Menu
                var liClassSelected = liClass.substring(0, 5) == "first" ?
                    // "first une-ligne selected" : "une-ligne selected selected2";
                    "first selected" : "selected selected2";
                $('#' + liId).addClass(liClassSelected);
            }
            else
            {
                // Menu
                var liClassDeselected = liClass.substring(0, 5) == "first" ?
                    // "first une-ligne" : "une-ligne";
                    "first" : "";
                $('#' + liId).addClass(liClassDeselected);
            }
        }
        else if(type == "sousMenu")
        {
            if(liId.substring(2) == assetidSelected)
            {
                liId = liElements[iSousMenu].getAttribute("id");

                // Sous-menu
                haut = $('#' + liId).hasClass("haut");
                $('#' + liId).removeClass("sousMenu");
                $('#' + liId).removeClass("haut");
                // $('#' + liId).removeClass("une-ligne");
                $('#' + liId).removeClass("selected selected2");
                if(haut)
                    // $('#' + liId).addClass("sousMenu haut une-ligne selected");
                    $('#' + liId).addClass("sousMenu haut selected");
                else
                    // $('#' + liId).addClass("sousMenu une-ligne selected selected2");
                    $('#' + liId).addClass("sousMenu selected selected2");
                
                // Activer la puce
                $('#span' + liId.substring(2)).removeClass("puce");
                $('#span' + liId.substring(2)).addClass("puceActive");

                // Eléments du sous-menu
                for(j = iSousMenu + 1; j < liElements.length; j++)
                {
                    // Exclure éléments sans attribut id approprié
                    liId = liElements[j].getAttribute("id");
                    if(!liId || liId.substring(0, 2) != "li")
                        continue;

                    // Fini quand l'élément n'a pas d'attribut class commençant avec circle
                    liClass = $('#' + liId).attr("class");
                    if(!liClass || liClass.substring(0, 6) != "circle")
                        break;

                    // Selectionner l'élément
                    $('#' + liId).removeClass("circle");
                    $('#' + liId).removeClass("selected3");
                    $('#' + liId).addClass("circle selected3");
                }
            } 
            else
            {
                liId = liElements[iSousMenu].getAttribute("id");

                // Sous-menu
                haut = $('#' + liId).hasClass("haut");
                $('#' + liId).removeClass("sousMenu");
                $('#' + liId).removeClass("haut");
                // $('#' + liId).removeClass("une-ligne");
                $('#' + liId).removeClass("selected selected2");
                if(haut)
                    // $('#' + liId).addClass("sousMenu haut une-ligne");
                    $('#' + liId).addClass("sousMenu haut");
                else
                    // $('#' + liId).addClass("sousMenu une-ligne");
                    $('#' + liId).addClass("sousMenu");

                // Desactiver la puce
                $('#span' + liId.substring(2)).removeClass("puceActive");
                $('#span' + liId.substring(2)).addClass("puce");

                // Eléments du sous-menu
                for(j = iSousMenu + 1; j < liElements.length; j++)
                {
                    // Exclure éléments sans attribut id approprié
                    liId = liElements[j].getAttribute("id");
                    if(!liId || liId.substring(0, 2) != "li")
                        continue;

                    // Fini quand l'élément n'a pas d'attribut class commençant avec circle
                    liClass = $('#' + liId).attr("class");
                    if(!liClass || liClass.substring(0, 6) != "circle")
                        break;

                    // Déselectionner l'élément
                    $('#' + liId).removeClass("circle");
                    $('#' + liId).removeClass("selected3");
                    $('#' + liId).addClass("circle");
                }
            }
        }
        else if(type == "circle")
        {
            if(liId.substring(2) == assetidSelected)
            {
                liId = liElements[iSousMenu].getAttribute("id");

                // Sous-menu
                haut = $('#' + liId).hasClass("haut");
                $('#' + liId).removeClass("sousMenu");
                $('#' + liId).removeClass("haut");
                // $('#' + liId).removeClass("une-ligne");
                $('#' + liId).removeClass("selected selected2");
                if(haut)
                    // $('#' + liId).addClass("sousMenu haut une-ligne selected");
                    $('#' + liId).addClass("sousMenu haut selected");
                else
                    // $('#' + liId).addClass("sousMenu une-ligne selected selected2");
                    $('#' + liId).addClass("sousMenu selected selected2");
                
                // Activer la puce
                $('#span' + liId.substring(2)).removeClass("puce");
                $('#span' + liId.substring(2)).addClass("puceActive");

                // Eléments du sous-menu
                for(j = iSousMenu + 1; j < liElements.length; j++)
                {
                    // Exclure éléments sans attribut id approprié
                    liId = liElements[j].getAttribute("id");
                    if(!liId || liId.substring(0, 2) != "li")
                        continue;

                    // Fini quand l'élément n'a pas d'attribut class commençant avec circle
                    liClass = $('#' + liId).attr("class");
                    if(!liClass || liClass.substring(0, 6) != "circle")
                        break;

                    // Selectionner l'élément
                    $('#' + liId).removeClass("circle");
                    $('#' + liId).removeClass("selected3");
                    $('#' + liId).addClass("circle selected3");
                }

                $('#a'+assetidSelected).removeClass("");
                $('#a'+assetidSelected).addClass("active");

                pcontenuHTML = $('#p' + assetidSelected).text();
                $('#p' + assetidSelected).replaceWith(pcontenuHTML);
                $('#a' + assetidSelected).wrapInner("<p id='p" + assetidSelected + "' class=\"ie\"></p>");
            }
            else
            {
                $('#a' + liId.substring(2)).removeClass("active");
                $('#a' + liId.substring(2)).addClass("");

                pcontenuHTML = $('#p' + liId.substring(2)).text();
                $('#p' + liId.substring(2)).replaceWith(pcontenuHTML);
            }
        }
    }
    // Afficher le corps
    //alert("hide : #div" + assetidSelected);
    $('#div' + assetidSelected).show(0);
}