var w=0
function c() {
   document.getElementById('b').style.visibility = 'hidden'
   document.getElementById('larr').style.visibility = 'hidden'
   document.getElementById('rarr').style.visibility = 'hidden'
   w=0
}
function d(x,y,t) {
   if (w){c()}
   var toleft = 0
   var left
   var top

   // to get height of div in pixels, take string length in pixels
   // divide by width of div allowed (185) to get number of lines
   // multiply number of lines by height of one line to get height in pixels

   var l = t.length
   l *= 10    // width in pixels (approx 10 pixels wide per letter)
   l /= 15    // number of pixels high (approx 14 pixels high per letter)
   l += 30    // allow more height  fudging, if you will
 
   if (x > 775) {
      left = x - 195
      document.getElementById('b').style.left = left + 'px'
      toleft = 1
   }
   else {
      left = x + 30
      document.getElementById('b').style.left = left + 'px'
   }

   top = y - 5
   document.getElementById('b').style.height = l + 'px'
   document.getElementById('b').style.top = top + 'px'
   document.getElementById('b').innerHTML = t
   document.getElementById('b').style.visibility = 'visible'
   w=1

   // then add arrow
   if (toleft) { // it's on the left side use right arrow
      left = x - 9
      top = y + 5
      document.getElementById('rarr').style.left = left + 'px' 
      document.getElementById('rarr').style.top = top + 'px'
      document.getElementById('rarr').style.visibility = 'visible'
   }
   else {   // use normal arrow
      left = x + 30 - 6
      top = y + 5
      document.getElementById('larr').style.left = left + 'px'
      document.getElementById('larr').style.top = top + 'px'
      document.getElementById('larr').style.visibility = 'visible'
   }
}