function outliner(){
            var child = null, el = null;
            /* Assumes that the DIV containing the Child
               elements immediately follows the heading anchor. */
            switch (event.srcElement.tagName) {
            case "A": 
               el = event.srcElement.parentElement
               child = document.all[event.srcElement.sourceIndex+1];
               break;
            case "LI":
               el = event.srcElement 
               child = document.all[event.srcElement.sourceIndex+2];
               break;
            }
            /* Be sure the Child element exists and that it is the
               child LI. */
            if ((null != child) && ("UL" == child.tagName) &&
                  ("LI" == child.parentElement.tagName)) {
               if ("" == child.className) {
                  //  Collapse the item.
                  child.className = "expanded";
                  el.className = "open";
               }
               else { 
                  //  Expand the item.
                  child.className = "";
                  el.className = "closed";
               }
            }

         }