<!--

// This goes in the "head" section of the HTML page, AFTER the style-sheet.
// The function "TogglePullout" should be called within the menu like this:
// 
//  <div class="menutitle" onclick="TogglePullout('sub1')"><li>Menu Title 1</div>
//  <span class="pullout" id="sub1">
//    - <a href="dummy.html">sublink</a><br>
//    - <a href="dummy.html">sublink</a><br>
//    - <a href="dummy.html">sublink</a><br>
//  </span>
//  <div class="menutitle" onclick="TogglePullout('sub2')"><li>Menu Title 2</div>
//  <span class="pullout" id="sub2">
//    - <a href="dummy.html">sublink</a><br>
//    - <a href="dummy.html">sublink</a><br>
//    - <a href="dummy.html">sublink</a><br>
//  </span>
//
// and so forth

if (document.getElementById) {
  document.writeln('<style type="text/css">.pullout{display:none;}</style>');
}
function TogglePullout(obj) {
  if (document.getElementById) {
    var foo = document.getElementById(obj);
    if (foo.style.display == "block") {
      foo.style.display = "none";
    } else {
      foo.style.display = "block";
    }
  }
}

-->
