function showtip(current, e, text) {
  if (document.all) {
    document.all.tooltip.style.pixelLeft = 0;
    document.all.tooltip.style.zIndex = 99999;
    document.all.tooltip.innerHTML = '<layer style="border:1px solid black"> ' + text + ' </layer>'
    document.all.tooltip.style.pixelTop = event.clientY + document.body.scrollTop + 20
    if ((event.clientX + document.body.scrollLeft + 30 + document.all.tooltip.clientWidth) < document.body.clientWidth) {
      document.all.tooltip.style.pixelLeft = event.clientX + document.body.scrollLeft + 30
    }
    else {
      document.all.tooltip.style.pixelLeft = event.clientX + document.body.scrollLeft - 30 - document.all.tooltip.clientWidth
    }
    document.all.tooltip.style.visibility = "visible"
  }

  else if (document.layers) {
    document.tooltip.left = 0
    document.tooltip.document.write('<layer bgcolor="#B8CBFF" style="border:1px solid black;font-size:12px;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;">' + text + '</layer>')
    document.tooltip.document.close()
    document.tooltip.top = e.pageY + 20 
    if ((e.pageX + 30 + document.tooltip.clip.width) < document.width) {
      document.tooltip.left = e.pageX + 30
    }
    else {
      document.tooltip.left = e.pageX - document.tooltip.clip.width;
    }
    document.tooltip.visibility = "show"
  }

  else if (document.getElementById) {
    div = document.getElementById('tooltip')
    div.style.left = 0
    div.innerHTML = '<layer> ' + text + ' </layer>'
    div.style.top = e.pageY + 20
    if ((div.offsetWidth + e.pageX + 30) > document.width) {
      div.style.left = e.pageX - 30 - div.offsetWidth
    }
    else {
      div.style.left = e.pageX + 30
    }
    div.style.visibility = "visible"
  }
}

function hidetip() {
  if (document.all)
    document.all.tooltip.style.visibility="hidden"

  else if (document.layers) {
    document.tooltip.visibility="hidden"
  }
  else if (document.getElementById) {
    div = document.getElementById('tooltip')
    div.style.visibility = "hidden"
  }
}