var baseObjString = "showPopInfoDiv";
var showObj = null;
var x, y;

function endPopInfo() {
  if (showObj != null) {
    showObj.style.display = "none";
    showObj.innerHTML = "leeg";
  }
  document.onmousemove = null;

  return true;
}

function startPopInfo(id, width) {
  if (window.Event) {
    document.captureEvents(Event.MOUSEMOVE);
  }
  var text = document.getElementById(id);
  if (text != null) {
    document.onmousemove = getXY;
    showObj = document.getElementById(baseObjString);
    showObj.innerHTML = text.innerHTML;
    showObj.style.display = "block";
    showObj.style.width = width;
  }
  return true;
}

function getXY(evt) {
  
  x = (evt && evt.clientX ? evt.clientX : event.clientX ? event.clientX : null) + (window.pageXOffset ? window.pageXOffset : document.body.scrollLeft ? document.body.scrollLeft : document.documentElement.scrollLeft ? document.documentElement.scrollLeft : null);
  y = (evt && evt.clientY ? evt.clientY : event.clientY ? event.clientY : null) + (window.pageYOffset ? window.pageYOffset : document.body.scrollTop ? document.body.scrollTop : document.documentElement.scrollTop ? document.documentElement.scrollTop  : null);
  z = 0;
  
  ((x+250) >= getWinWidth())?x-=255:x+=10;

  //y += 10;

  var scrollTop =    parseInt(document.body.scrollTop)>parseInt(document.documentElement.scrollTop)?parseInt(document.body.scrollTop):parseInt(document.documentElement.scrollTop);
  var clientHeight = parseInt(document.body.clientHeight)>parseInt(document.documentElement.clientHeight)?parseInt(document.body.clientHeight):parseInt(document.documentElement.clientHeight);
  scrollBottom = clientHeight+scrollTop;
  ((y+100) > scrollBottom)?(y=scrollBottom-100):(y+=10);

  if (showObj != null) {
    showObj.style.left = x+"px";
    showObj.style.top = y+"px";
  }
  
  status = x + "::" + y; 
}