outline

<!-- Beginning of JavaScript -------------------
//
//    This function is used to expand/contract the outline, using css.
//
function Outline(src) {
  if (!DocDom) {alert('Outline already expanded') ; return false}
  var srcId, srcElement, targetElement;
  srcElement = src // window.event.srcElement;
  srcID = srcElement.id.substr(0, srcElement.id.length-1);
  targetElement = GetRef(srcID + "s");
  srcElement = GetRef(srcID + "i");

if (targetElement.className.toUpperCase() == "OFF") {
    targetElement.className = "on";
    srcElement.src = img2.src;
  } else {
    targetElement.className = "off";
    srcElement.src = img1.src;
    // if (NS6) location.reload() // NS6 workaround
  }
 return false
}
//
function Outstat(src) {
  window.status='' ; if (!DocDom) return true
  if (typeof(src) == "undefined") return true
  var srcId, srcElement, targetElement;
  srcElement = src // window.event.srcElement;
  srcID = srcElement.id.substr(0, srcElement.id.length-1);
  targetElement = GetRef(srcID + "t");
  window.status =  targetElement.title
  return true
}
//
// PUBLIC VARIABLES
//
// Classify browser :
DocDom=DocLay=DocAll=false
DocDom = (document.getElementById?true:false) // NS6 also IE5
if (!DocDom) {
  DocLay = (document.layers?true:false)  // NS4
  DocAll = (document.all?true:false)    // IE4
}
// Test for Opera
if (DocDom) {DocDom = false ; for (var i in document) {DocDom = true ; break}}

DocStr="return false"
if (DocLay) DocStr="return document.layers[id]"
if (DocAll) DocStr="return document.all[id]"
if (DocDom) DocStr="return document.getElementById(id)"
GetRef=new Function("id", DocStr)

if (DocAll || DocDom) {
  DynWrite=new Function("id", "S", "GetRef(id).innerHTML=S; return true")
} else if (DocLay) {
  DynWrite=new Function("id", "S", "var x=GetRef(id).document;"+"x.open('text/html'); x.write(S); x.close(); return true")
} else {
  DynWrite=new Function("return false")
}

// public Outline()
var img1 = new Image(); img1.src = "fold.gif"
var img2 = new Image(); img2.src = "open.gif"
if (DocDom) {
  var t = (".on      {display: block; cursor: hand; padding-left: 5} " +
           ".off     {display: none; padding-left: 5} ")
  document.write("<style type='text\/css'>"+t+"<\/style>")
}

// -- End of JavaScript code -------------- -->

Dennis Allen, Outline