<script type="text/javascript" src="/static/js/treebits.js"></script>

        $("table.tablesorter").tablesorter();

          $("table.tablesorter").tablesorter();
          /* Set the appearance of the toggle depending on whether the
             corresponding subtree is initially shown or hidden. */
          $(".logTreeToggle").map(function() {
              if ($(this).siblings("ul:hidden").length == 0) {
                  $(this).text("-");
              } else {
                  $(this).text("+");
              }
          });
          /* When a toggle is clicked, show or hide the subtree. */
          $(".logTreeToggle").click(function() {
              if ($(this).siblings("ul:hidden").length != 0) {
                  $(this).siblings("ul").show();
                  $(this).text("-");
              } else {
                  $(this).siblings("ul").hide();
                  $(this).text("+");
              }
          });
          /* Implementation of the expand all link. */
          $(".logTreeExpandAll").click(function() {
              $(".logTreeToggle", $(this).siblings(".toplevel")).map(function() {
                  $(this).siblings("ul").show();
                  $(this).text("-");
              });
          });
          /* Implementation of the collapse all link. */
          $(".logTreeCollapseAll").click(function() {
              $(".logTreeToggle", $(this).siblings(".toplevel")).map(function() {
                  $(this).siblings("ul").hide();
                  $(this).text("+");
              });
          });

<!-- !!! escaping -->

/* Acknowledgement: this is based on the Wikipedia table-of-contents
 * toggle. */
var idCounter = 0;
function showTreeToggle(isHidden) {
    if (document.getElementById) {
        var id = "toggle_" + idCounter;
        document.writeln(
            '<a href="javascript:toggleTree(\'' + id + '\')" class="toggle" id="' + id + '">' +
            '<span class="showTree" ' + (isHidden ? '' : 'style="display: none;"') + '>+</span>' +
            '<span class="hideTree" ' + (isHidden ? 'style="display: none;"' : '') + '>-</span>' +
            '</a>');
        idCounter = idCounter + 1;
    }
}
function toggleTree(id) {
    var href = document.getElementById(id);
    var node = href;
    var tree = null;
    while (node != null) {
        if (node.className == "nesting") tree = node;
        node = node.nextSibling;
    }
    node = href.firstChild;
    var hideTree = null;
    var showTree = null;
    while (node != null) {
        if (node.className == "showTree") showTree = node;
        else if (node.className == "hideTree") hideTree = node;
        node = node.nextSibling;
    }
    
    if (tree.style.display == 'none') {
        tree.style.display = '';
        hideTree.style.display = '';
        showTree.style.display = 'none';
    } else {
        tree.style.display = 'none';
        hideTree.style.display = 'none';
        showTree.style.display = '';
    }
}

.toggle {

.logTreeToggle {

}
.showTree, .hideTree {

}

}

    [<a href="javascript:" class="logTreeExpandAll">Expand all</a>]
    [<a href="javascript:" class="logTreeCollapseAll">Collapse all</a>]

    <xsl:if test="line|nest">
      <a href="javascript:" class="logTreeToggle"></a>
      <xsl:text> </xsl:text>
    </xsl:if>

    <script type='text/javascript'>showTreeToggle(<xsl:value-of select="$collapsed"/>)</script>