var clientX       = 0; 
var clientY       = 0; 
var recalcX       = 0; 
var recalcY       = 0;
var tooltipLastID = "";

TooltipInit();

function TooltipInit(){
    if(document.all)
       document.onmousemove = UpdateCursorPositionDocAll;
    else
        document.onmousemove = UpdateCursorPosition; 
}

function UpdateCursorPosition(e){ 
    clientX = e.pageX; 
    clientY = e.pageY;
}

function UpdateCursorPositionDocAll(e){
    clientX = event.clientX; 
    clientY = event.clientY;
}

function AssignPosition(tooltipObject){
    if(self.pageYOffset){
	    recalcX = self.pageXOffset;
	    recalcY = self.pageYOffset;
	}
    else if(document.documentElement && document.documentElement.scrollTop){
	    recalcX = document.documentElement.scrollLeft;
	    recalcY = document.documentElement.scrollTop;
	}
    else if(document.body){
	    recalcX = document.body.scrollLeft;
	    recalcY = document.body.scrollTop;
	}
	
    if(document.all){
	    clientX += recalcX;
	    clientY += recalcY;
	}
	
    tooltipObject.style.left = (clientX + 5) + "px";
    tooltipObject.style.top  = (clientY + 5) + "px";
}

function HideContent(tooltipID){        
    var timeout = setTimeout("HideContentTimeout('" + tooltipID + "')", 3000);
}

function ShowContent(tooltipID){
var tooltipObject = document.getElementById(tooltipID);

    if(tooltipLastID != "") return;
    AssignPosition(tooltipObject);
    tooltipObject.style.display = "block";
    tooltipLastID = tooltipID;
}

function HideContentTimeout(tooltipID){        
    document.getElementById(tooltipID).style.display = "none";
    tooltipLastID = "";
}