var labelOffsetX	= 15;
var labelOffsetY	= -20;
var labelLayerId	= "tooltip";
var labelLayerImageId	= "tooltip-image";
var mouseX, mouseY, scrollX, scrollY;
var movethetooltipimage = false;
		
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);				
		labelObj.style.left	= (mouseX + labelOffsetX) + "px";
		labelObj.style.top	= (mouseY + labelOffsetY) + "px";
	}	
}

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

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

function showTooltipImage(strContent) {
	if(document.getElementById) {
		labelObj = document.getElementById(labelLayerImageId);
		labelObj.style.textAlign = "right";
		labelObj.innerHTML = strContent;
		labelObj.style.display = "block";
  }	
		if (movethetooltipimage) { 
      movethetooltipimage = false;  
    } else {
      movethetooltipimage = true;
    }
}

function moveTooltipImage(e) {
  if (movethetooltipimage) {
    movethetooltipimage = false;
    
    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(labelLayerImageId);				
  		labelObj.style.left	= (mouseX - 360) + "px";
  		labelObj.style.top	= (mouseY - 100) + "px";
  	}
  }  	
}

function hideTooltipImage() {
	movethetooltipimage = false;
	if(document.getElementById) {
		labelObj = document.getElementById(labelLayerImageId);
		labelObj.style.display	= "none";
	}
}

/*NIEUW*/