var activated = 0;
var Ex, Ey, TitleColor, TextColor, ContentInfo;

var TitleColor = "gray";
var TextColor = "lightgrey";

var ToolTipWidth = 160;


function move_Tooltip(layerName, FromTop, FromLeft, e)
{
    document.getElementById(layerName).style.top = FromTop;
    document.getElementById(layerName).style.left = FromLeft + 15;
}

function activate_tooltip()
{
    activated = 1;
}

function deactivate_tooltip()
{
    activated = 0;
}

function start_Tooltip(e)
{
    if(activated)
    {
Ex = document.all ? window.event.clientX + document.body.scrollLeft : e.pageX;
Ey = document.all ? window.event.clientY + document.body.scrollTop : e.pageY;

        move_Tooltip("ToolTip", Ey, Ex, e);
        document.getElementById('ToolTip').style.visibility = "visible";
    }
    else
    {
        move_Tooltip("ToolTip", 0, 0);
        document.getElementById('ToolTip').style.visibility = "hidden";
    }
}

function ToolTip(layerName, TTitle, TContent)
{
	activate_tooltip();
	
    ContentInfo =
		'<table width="'+ToolTipWidth+'" cellspacing="0" cellpadding="0">'+
		'<tr><td width="100%" bgcolor="#000000">'+
		'<table width="100%" cellspacing="1" cellpadding="0">'+
		'<tr><td width="100%" bgcolor="'+TitleColor+'">'+
		'<table width="90%" cellspacing="0" cellpadding="0" align="center">'+
		'<tr><td width="100%">'+
		'<font class="ToolTipTitle"> '+
		TTitle+
		'</font>'+
		'</td></tr>'+
		'</table>'+
		'</td></tr>'+
		'<tr><td width="100%" bgcolor="'+TextColor+'">'+
		'<table border="0" width="90%" cellpadding="0" cellspacing="1" align="center">'+
		'<tr><td width="100%">'+
		'<font class="ToolTipContent">'+
		TContent+
		'</font>'+
		'</td></tr>'+
		'</table>'+
		'</td></tr>'+
		'</table>'+
		'</td></tr>'+
		'</table>';
		
		document.getElementById(layerName).innerHTML = ContentInfo;
}