var labelOffsetX	= 20;
var labelOffsetY	= 0;
var labelLayerId	= "tooltip";
var mouseX, mouseY, scrollX, scrollY;
		
function moveTooltip(e) {
  if(document.getElementById) {
		if(navigator.userAgent.indexOf("MSIE") > 0) {
			scrollX 	= document.body.scrollLeft + document.documentElement.scrollLeft;
			scrollY		= document.body.scrollTop + document.documentElement.scrollTop;
			mouseX		= scrollX + event.clientX;
			mouseY		= scrollY + event.clientY;
			screenWidth	= document.body.clientWidth;
		} 
		else {
			mouseX		= e.pageX;
			mouseY		= e.pageY;
			screenWidth	= window.innerWidth;
		}
		
		labelObj = document.getElementById(labelLayerId);		
		/* de - 180 vervangen door + 35 om het blokje rechts te tonen ipv links*/
        labelObj.style.left	= (mouseX - labelOffsetX + 35) + "px";
		labelObj.style.top	= (mouseY + labelOffsetY) + "px";
	}
}

function showTooltip(strContent) {
	if(document.getElementById) {		
		labelObj = document.getElementById(labelLayerId);
		labelObj.innerHTML = strContent;
		labelObj.style.display = "inline";
	}	
}

function hideTooltip() {
	if(document.getElementById) {
		labelObj = document.getElementById(labelLayerId);
		labelObj.style.display	= "none";
	}
}