<?xml version="1.0"?> <!-- -*- Mode: SGML -*- -->
<!--

  The contents of this file are subject to the Netscape Public
  License Version 1.1 (the "License"); you may not use this file
  except in compliance with the License. You may obtain a copy of
  the License at http://www.mozilla.org/NPL/
 
  Software distributed under the License is distributed on an "AS
  IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or
  implied. See the License for the specific language governing
  rights and limitations under the License.
 
  The Original Code is mozilla.org code.
 
  The Initial Developer of the Original Code is Netscape
  Communications Corporation.  Portions created by Netscape are
  Copyright (C) 1998 Netscape Communications Corporation. All
  Rights Reserved.
 
  Contributor(s): 

-->

<!--

   This test tries mixing it up a bit. It mingles XUL content with
   RDF content for a change of pace.

-->

<?xml-stylesheet href="chrome://global/skin/global.css" type="text/css"?>

<window
  xmlns:html="http://www.w3.org/TR/REC-html40"
  xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
  xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
  align="vertical"
  onload="ToBeetle();">

  <html:script>
  var cursor;

  function CursorText()
  {
    if (cursor)
      return "&lt;" + cursor.nodeName + "&gt;";
    else
      return "(null)";
  }

  function ToBeetle()
  {
    cursor = document.getElementById('beetle');
    dump('cursor = ' + CursorText() + '\n');
  }

  function ToPrev()
  {
    cursor = cursor.previousSibling;
    dump('cursor = ' + CursorText() + '\n');
  }

  function ToNext()
  {
    cursor = cursor.nextSibling;
    dump('cursor = ' + CursorText() + '\n');
  }

  function ToParent()
  {
    cursor = cursor.parentNode;
    dump('cursor = ' + CursorText() + '\n');
  }

  function ToFirstChild()
  {
    cursor = cursor.firstChild;
    dump('cursor = ' + CursorText() + '\n');
  }

  function ToLastChild()
  {
    cursor = cursor.lastChild;
    dump('cursor = ' + CursorText() + '\n');
  }
  </html:script>

  <box align="horizontal">
    <titledbutton onclick="ToBeetle();" value="To Beetle" />
    <titledbutton onclick="ToPrev();" value="To Previous Sibling" />
    <titledbutton onclick="ToNext();" value="To Next Sibling" />
    <titledbutton onclick="ToParent();" value="To Parent" />
    <titledbutton onclick="ToFirstChild();" value="To First Child" />
    <titledbutton onclick="ToLastChild();" value="To Last Child" />
  </box>

<!--  <tree id="tree" flex="100%" datasources="rdf:bookmarks rdf:mailnewsfolders rdf:msgaccountmanager" style="height:100%;"> -->
  <html:div style="width:100px;height:100px">
  <tree id="tree" style="width:100%;height:100%;">
    <treehead>
      <treerow>
        <treecell>Name</treecell>
        <treecell>URL</treecell>
      </treerow>
    </treehead>

    <treechildren id="1">
      <treeitem id="treeroot" ref="NC:BookmarksRoot" open="true">
        <treerow>
          <treecell value="Bookmarks" />
          <treecell />
        </treerow>

        <treechildren id="2" open="true">
          <treeitem id="beetle">
            <treerow>
              <treecell value="XUL Child #1 (Beetle)" />
              <treecell />
            </treerow>

            <treechildren id="3" open="true">
              <treeitem id="4">
                <treerow id="4_1">
                  <treecell id="4_1_1" value="XUL Child #1.1" />
                  <treecell id="4_1_2" />
                </treerow>
              </treeitem>

              <treeitem id="5">
                <treerow id="5_1">
                  <treecell id="5_1_1" value="XUL Child #1.2" />
                  <treecell id="5_1_2" />
                </treerow>
              </treeitem>
            </treechildren>
          </treeitem>

          <treeitem id="6">
            <treerow id="6_1">
              <treecell id="6_1_1" value="XUL Child #2" />
              <treecell id="6_1_2" />
            </treerow>
          </treeitem>

        </treechildren>
      </treeitem>
    </treechildren>
  </tree>
</html:div>
</window>
