function openDiv(whichDiv) {
  var divObject = document.getElementById(whichDiv)
  divObject.style.display = 'block' 
}
function closeDiv(whichDiv) {
  var divObject = document.getElementById(whichDiv)
  divObject.style.display = 'none' 
}
function init() {
  var items = document.getElementById("items");
  if (items != null)
    traverseTree(document.getElementById("items"));
}

function traverseTree(whatTree){
  if (whatTree.hasChildNodes()) {
    for(var i=0;i<whatTree.childNodes.length;i++) {
      var node_str = whatTree.childNodes[i];
      for(var j=0;j<node_str.childNodes.length;j++) {
        var subnode_str = node_str.childNodes[j];
        if (subnode_str.nodeName=="TR") {
          for(var k=0;k<subnode_str.childNodes.length;k++) {
            var subsubnode_str = subnode_str.childNodes[k];
            if (subsubnode_str.nodeName=="TD") {
              setItAndForgetIt(subnode_str);
              traverseTree(subnode_str);
            }
          }
        }
      }
    }   
  } 
}

function setItAndForgetIt(whichNode) {
  whichNode.onmouseover=function() {
    this.className+=" over";
    var popupID = findPopup(this);
    if(popupID) {
      openDiv(popupID) 
    }
  }
  whichNode.onmouseout=function() {
    this.className="";
    var popupID = findPopup(this);
    if(popupID) {
      closeDiv(popupID) 
    }
  }
}

function findPopup(whichNode){
  for(var i=0;i<whichNode.childNodes.length;i++) {
    var node_str = whichNode.childNodes[i];
    if (node_str.nodeName=="TD") {
      for(var k=0;k<node_str.childNodes.length;k++) {
        var subnode_str = node_str.childNodes[k];
        if (subnode_str.nodeName=="DIV") {
          for(l=0;subnode_str.attributes.length;l++){
            if (subnode_str.attributes[l].name.toLowerCase() == "id") {
              return subnode_str.attributes[l].value;
            }
          }
        }
      }
    }
  } 
}