var currentElement = null;
var currentMouseX = 0;
var currentMouseY = 0;
//document.onmousemove = getMouseXY;

function getMouseXY(e)
{
    currentMouseX = mouseX(e);
    currentMouseY = mouseY(e);
}

function mouseX(evt)
{
    if (evt.pageX)
        return evt.pageX;    
    else if (evt.clientX)
        return evt.clientX + (document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft);
    else
        return null;
}

function mouseY(evt) 
{
    if (evt.pageY)
        return evt.pageY;
    else if (evt.clientY)
        return evt.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop);
    else
        return null;
}

function showTooltip(id, popupPosition, offsetX, offsetY)
{
    var xPos = 0;   
	currentElement = document.getElementById(id);
		
	switch(popupPosition.toLowerCase())
	{
	    case "right":
	        xPos = currentMouseX + offsetX;
	        break;
	    case "left":
	        var  w = parseInt(getStyle(currentElement, "width").replace("px",""));
	    	xPos = currentMouseX - offsetX - w;	    	
	        break;
	    default:
    	    xPos = currentMouseX + offsetX;
	        break;
	}
	
	
	setStyle(id, "left",  xPos + "px");
	setStyle(id, "top",  (currentMouseY + offsetY) + "px");
	setStyle(id, "display", "block");
	//setStyle(id, "display", "visible");
}

function hideTooltip()
{
	currentElement.style.display = "none";	
    //currentElement.style.visibility='hidden';
}