if ( document.layers ) {
  document.captureEvents( Event.MOUSEMOVE );
}
document.onmousemove = hover_box_mtrack;
//var ent; // Our floating div
var hover_box_posx = 0; // Our mouseX
var hover_box_posy = 0; // Our mouseY
var hover_box_offsetX = 16; // Offset X away from mouse
var hover_box_offsetY = 16; // Offset Y
var hover_box_pop_up = false; // Is it showing right now??!

//window.onload = hover_box_init();

// Run upon load
function hover_box_init() {
  // Set up div we will use to hover our text
  var ent = document.createElement( "div" );
  // Change these to customise your popup
  ent.style.color = "#ffffff";
  ent.style.width = "200px";
  ent.style.font = "normal xx-small arial";
  ent.style.padding = "2px 2px 2px 2px";
  ent.style.background = "#6a6a6a";
  ent.style.border = "3px solid #ffffff";
  // Don't, however, change these
  ent.style.display = "none";
  ent.style.left = 0;
  ent.style.top = 0;
  ent.style.position = 'absolute';
  ent.innerHTML = '';
  ent.style.zIndex = 10;
  ent.setAttribute( 'id', 'hoverpop' );
  if ( null != document.getElementById( "thepage" ) ) {
    document.getElementById( "thepage" ).appendChild( ent );
  }
}
// Keeps mouse x and y in posx and posy

function hover_box_mtrack( e ) {
  if ( hover_box_pop_up ) {
    if (!e) var e = window.event;
    if ( e.pageX || e.pageY ) {
      hover_box_posx = e.pageX;
      hover_box_posy = e.pageY;
    } else if ( e.clientX || e.clientY ) {
      hover_box_posx = e.clientX + document.body.scrollLeft;
      hover_box_posy = e.clientY + document.body.scrollTop;
    }
    document.getElementById( "hoverpop" ).style.left = ( hover_box_posx + hover_box_offsetX ) -230;
    document.getElementById( "hoverpop" ).style.top = ( hover_box_posy + hover_box_offsetY ) -70;
    document.getElementById( "hoverpop" ).style.display = "block";
  }
}
// Change floating div to correct text on mouseover

function hover_box_do_text( t ) {
  if ( null == document.getElementById( "hoverpop" ) ) {
    hover_box_init();
  }
  hover_box_pop_up = true;
  document.getElementById( "hoverpop" ).innerHTML = t;
}
// Change back to nothing

function hover_box_do_clear() {
  hover_box_pop_up = false;
  document.getElementById( "hoverpop" ).style.display = "none";
  document.getElementById( "hoverpop" ).style.left = 0;
  document.getElementById( "hoverpop" ).style.top = 0;
  document.getElementById( "hoverpop" ).innerHTML = "";
}