  function toggleDisplay( element ) {
    var spans = null;
    var displayTable = document.getElementById("hDetails");
    var displays;
    if( displayTable ) {
      displays = displayTable.getElementsByTagName("div");
      for( i=0; i < displays.length; i++ ) {
        displays[i].style.display = "none";
      }
    }
    if( element ) {
      spans = element.parentNode.getElementsByTagName("div");
      if( spans ) {
        spans[0].style.display="block";
        spans[0].style.top = ""+getTotalOffsetTop( element ) + "px";
        spans[0].style.left = ""+getTotalOffsetLeft(element ) + "px";
      }
    }
  }

  function getTotalOffsetTop( element ) {
    var topValue=0;
    while(element) {
      topValue += element.offsetTop;
      element = element.offsetParent;
    }
    return topValue;
  }
  function getTotalOffsetLeft( element ) {
    var leftValue=0;
    while(element) {
      leftValue += element.offsetLeft;
      element = element.offsetParent;
    }
    return leftValue;

  }

