jQuery().ready(function(){

    jQuery("#toc").addClass("toc right");
    jQuery("#toc").prepend('<h2 id="toctitle">Table des matières</h2><ul id="genTOC"></ul>');

    var counter = new Array(5);
    for (i=1 ; i<=5 ; i++) counter[i] = 0;
    
    
    jQuery(':header','#main_content').each(function() {
        var headerLevel = this.nodeName.substr(1);

        counter[headerLevel]++;
        var t = 1+Math.floor(headerLevel);
        for (i=t; i<=5 ; i++) {
            counter[i] = 0;
        }
        var txt = "";
        for (i=1; i<=Math.floor(headerLevel) ; i++) {
            txt += counter[i]+".";
        }        

        // jQuery(this).before('<a name="ref' + counter + '" id="ref' + counter + '">');
        jQuery(this).wrap('<a name="ref'+txt + '" id="ref'+txt + '"><span class="toto"></span></a>');
        jQuery("#toc ul").append('<li class="toclevel-'+headerLevel+'"><a href="#ref'+txt + '"><span class="tocnumber">' + txt + ' </span><span class="toctext">' + jQuery(this).html() + '</span><\/a><\/li>');
    });
});