var offsetX = 12;

var offsetY =  8;

var is_apple = (uagent.indexOf('applewebkit') != -1 ? 1 : 0);



function createTooltip(oid)

{ 

    if(document.createElement)

    { 

        var divTip = document.createElement('div'); 

        divTip.id = oid;     

        with(divTip.style)

        { 

            display = 'none';

            position = 'absolute';

        } 

        divTip.innerHTML = ' '; 

        document.body.appendChild(divTip); 

    } 

} 



function getPosition(e)

{

    if(document.getElementById)

    {

        var pageBody = (document.compatMode && document.compatMode != 'BackCompat') ? document.documentElement : document.body;

        pageX = (is_apple == 1 ? 0 : (is_ie) ? pageBody.scrollLeft : window.pageXOffset);

        pageY = (is_apple == 1 ? 0 : (is_ie) ? pageBody.scrollTop  : window.pageYOffset);

        mouseX = (is_ie) ? event.x : (is_ns) ? clientX = e.clientX : false;

        mouseY = (is_ie) ? event.y : (is_ns) ? clientY = e.clientY : false;



        var locTip = document.getElementById('tooltip');

        locTip.style.left 	= (mouseX+pageX+offsetX) + 'px';

        locTip.style.top 	= (mouseY+pageY+offsetY) + 'px';

    }

}

   

function showTooltip(str)

{

    if (!document.getElementById('tooltip')) 

    {

    	createTooltip('tooltip');

	}

    var tooltip = document.getElementById('tooltip');

    tooltip.innerHTML = str;

    tooltip.style.display = 'block';

    document.onmousemove = getPosition;

}



function closeTooltip()

{

    document.getElementById('tooltip').style.display = 'none';

}