var richtingx = -60 //horizontale plaatsing t.o.v. muisaanwijzer
var richtingy = 20  //verticale plaatsing t.o.v. muisaanwijzer
var ie = document.all
var ns6 = document.getElementById && !document.all
var eventOK = false
if( ie || ns6 )
{
  var eventobj = document.all ? document.all["eventstyle"] : document.getElementById ? document.getElementById( "eventstyle" ) : "";
}

function compatibel()
{
  return( document.compatMode && document.compatMode != "BackCompat" ) ? document.documentElement : document.body
}

function toonevent( datum, event, locatie )
{
  if( ns6 || ie )
  {
    eventobj.innerHTML = "<table width=\"100%\">" +
                         "<tr class=\"cal_content\">" +
                           "<td width=\"75\">Wanneer</td>" +
                           "<td align=\"center\" class=\"cal_head\">" + datum + "</td>" +
                         "</tr>" +
                         "<tr class=\"cal_content\"><td>Event</td><td align=\"center\" class=\"cal_event\">" + event + "</td>" +
                         "</tr>" +
                         "<tr class=\"cal_content\"><td>Waar</td><td align=\"center\" class=\"cal_event\">" + locatie + "</td></tr></table>"
    eventOK = true
    return false
  }
}

function plaatsevent( e )
{
  if( eventOK )
  {
    var curX = ( ns6 ) ? e.pageX : event.x + compatibel().scrollLeft;
    var curY = ( ns6 ) ? e.pageY : event.y + compatibel().scrollTop;
    var linkerzijde = ( richtingx < 0 ) ? richtingx*(-1) : -1000
    var rechterzijde = ie && !window.opera ? compatibel().clientWidth - event.clientX-richtingx : window.innerWidth - e.clientX - richtingx - 20
    var onderzijde = ie && !window.opera ? compatibel().clientHeight - event.clientY-richtingy : window.innerHeight - e.clientY - richtingy - 20
    if( rechterzijde<eventobj.offsetWidth )
      eventobj.style.left = ie ? compatibel().scrollLeft + event.clientX - eventobj.offsetWidth + "px" : window.pageXOffset + e.clientX - eventobj.offsetWidth + "px"
    else if( curX < linkerzijde )
      eventobj.style.left = "5px"
    else eventobj.style.left = curX + richtingx + "px";
    if( onderzijde < eventobj.offsetHeight )
      eventobj.style.top = ie ? compatibel().scrollTop + event.clientY - eventobj.offsetHeight - richtingy + "px" : window.pageYOffset + e.clientY - eventobj.offsetHeight - richtingy + "px"
    else eventobj.style.top = curY + richtingy + "px";
      eventobj.style.visibility = "visible"
  }
}

function verbergevent()
{
  if( ns6 || ie )
  {
    eventOK = false
    eventobj.style.visibility = "hidden"
    eventobj.style.left = "-1000px"
    eventobj.style.backgroundColor = ''
    eventobj.style.width = ''
  }
}

document.onmousemove = plaatsevent