<?xml version="1.0"?>  
<xbl:bindings xmlns:xbl="http://www.mozilla.org/xbl">
  <xbl:binding id="menu">

    <xbl:handlers>
      <xbl:handler event="click">
        <![CDATA[
          var target = event.originalTarget;
          while (((target.nodeType != 1) || (target.className == '')) && (target.parentNode)) {
            target = target.parentNode;
          }
          if (target.className != 'menu') {
            this.droppeddown = !this.droppeddown;
          } else {
            this.droppeddown = 1;
          }
          event.stopPropagation();
        ]]>
      </xbl:handler>
    </xbl:handlers>

    <xbl:implementation>
      <xbl:property name="droppeddown">
        <xbl:getter>
          <![CDATA[
            var index;
            for (index = 0; index < document.getAnonymousNodes(this).length; index++) {
              if (document.getAnonymousNodes(this).item(index).className == 'menu') {
                return document.getAnonymousNodes(this).item(index).style.display == 'block' ? 1 : 0;
              }
            }
            return 0;
        ]]>
        </xbl:getter>
        <xbl:setter>
          <![CDATA[
            var index;
            for (index = 0; index < document.getAnonymousNodes(this).length; index++) {
              if (document.getAnonymousNodes(this).item(index).className == 'menu') {
                document.getAnonymousNodes(this).item(index).style.display = val ? 'block' : 'none';
                break;
              }
            }
        ]]>
        </xbl:setter>
      </xbl:property>
    </xbl:implementation> 
    
    <xbl:content xmlns="http://www.w3.org/1999/xhtml">
      <div>
        <xbl:children/>
      </div>
      <div class="menu">
        <ul>
          <li><a href="http://www.hixie.ch/">Internet Resources</a></li>
          <li><a href="http://academia.hixie.ch/">Academic Projects</a></li>
          <li><a href="http://software.hixie.ch/">Free Software</a></li>
          <li><a href="http://ian.hixie.ch/">Personal Website</a></li>
          <li><a href="http://ln.hixie.ch/">Journal</a></li>
          <li><a href="http://spam.hixie.ch/">Spam Website</a></li>
        </ul>
        <p><span class="close command">Close</span></p>
      </div>
    </xbl:content> 

    <xbl:resources>
      <xbl:stylesheet src="../style/spaced-header.css"/>
    </xbl:resources>

  </xbl:binding>
</xbl:bindings>

