<html>
<head>

<!-- ------------------ Links to Stylesheets and Scripts  ------------ -->

    <link rel='stylesheet' type='text/css' href='{{boost root}}/boost.css'>
    <link rel='stylesheet' type='text/css' href='{{boost root}}/tree.css'>
    <script language='JavaScript' src='{{boost root}}/tree.js'></script>


<!-- ------------------ Create and Populate Tree Control ------------- -->

    <script language='JavaScript'>
    <!--

    // Example demonstating various ways to add nodes to a tree. The 
    // generated tree has the form:
    // 
    // - 1 Chapter1
    //     1.1 Section A
    //     1.2 Section B
    //     1.3 Section C
    // - 2 Chapter2
    //     2.1 Section A
    //     2.2 Section B
    //     2.3 Section C
    // - 3 Chapter3
    //     3.1 Section A
    //     3.2 Section B
    //     3.3 Section C
    // - 4 Chapter 4

    var chapter1 = new tree_node("Chapter1", "chapter1.html");
    chapter1.add("Section A", "chapter1.html#sectiona");
    chapter1.add("Section B", "chapter1.html#sectionb");
    chapter1.add("Section C", "chapter1.html#sectionc");

    var chapter2 = new tree_node("Chapter2", "chapter2.html");
    chapter2.add("Section A", "chapter2.html#sectiona");
    chapter2.add("Section B", "chapter2.html#sectionb");
    chapter2.add("Section C", "chapter2.html#sectionc");

    var tree = new tree_control("content"); // name of content frame.
    tree.add(chapter1);
    tree.add(chapter2);
    tree.add("Chapter3", "chapter3.html")
            .add("Section A", "chapter3.html#sectiona").parent()
            .add("Section B", "chapter3.html#sectionb").parent()
            .add("Section C", "chapter3.html#sectionc").parent().parent()
        .add("Chapter4", "chapter4.html");

    //tree.dump_html = true;
    tree.draw();

    // -->
    </script>

</head>
<body>

<!-- ------------------ Boost Logo and Library Name ------------------ -->

    <table clear='both' style='margin:0;padding:0' width=170>
    <tr>
    <td>
    <P CLASS='clipped'><a href='{{boost root}}/libs/libraries.htm' target='_top'>
    <img border=0 style='position:relative;left:-40' SRC='{{boost root}}/c++boost.gif'></a></P>
    </td>
    </tr>
    </table>

    <table clear='both' style='margin:0;padding:0' width=170>
    <tr>
    <td align=left width=170>
        <h1 class='lib-name'>{{library name}}</h1>
    </td>
    </tr>
    </table>

    <hr align='center' width='90%'>

    <table style='margin:0;padding:0' width=170>
    <tr><td>


<!-- ------------------ Markup for Browsers with Scripting Disabled -- -->

    <noscript>

    Uncomment the line '//tree.dump_html = true;' in the above script and 
    display this page in a script-enabled browser. Paste the output here.
     
    </noscript>

<!-- ------------------ Tree Control --------------------------------- -->

    <span id='tree_control'></span>

    </td></tr>
    </table>

</body>
</html>