var _mouse = {x:0,y:0};
var _hover = false;
var _tip = document.getElementById('ToolTip');
var _ie = document.all?true:false;

if (!_ie) document.captureEvents(Event.MOUSEMOVE) 
document.onmousemove = getMouseXY;
document.scroll = getMouseXY;

function getMouseXY(e) 
{
    if (_ie) 
    { 
        _mouse.x = event.clientX 
            + document.body.scrollLeft
			+ document.documentElement.scrollLeft;

        _mouse.y = event.clientY 
            + document.body.scrollTop
			+ document.documentElement.scrollTop;
    }
    else 
    { 
        _mouse.x = e.pageX;
        _mouse.y = e.pageY;
    }
    if (_mouse.x < 0){_mouse.x = 0;}
    if (_mouse.y < 0){_mouse.y = 0;}
    
    if(_hover) updatePos();
}

function updatePos()
{
    var width;
    var left;
    
    if (document.all)
    {width = document.body.clientWidth;}
    else
    {width = window.innerWidth;} 
    
    if(width/2 < _mouse.x)
    {
        left = _mouse.x - 270;
    }
    else
    {
        left = _mouse.x + 20;
    } 

    _tip.style.left = left + 'px';
    _tip.style.top  = (_mouse.y) + 'px';

}

function tip(id)
{
    _hover = !_hover; // toggle 
	if(_hover)
	{
        updatePos();
        var parts = AjaxMethods.GlossaryParts(id).value;
	    _tip.innerHTML = 
            '<div class="tooltiptitle">' + parts[0] + '</div>' +
            '<div class="tooltipcontent">' + parts[1] + '</div>';
		_tip.style.visibility = "visible";
	}
	else
	{
		_tip.style.visibility = "hidden";
    }   
}