var topColor, subColor, ContentInfo;
ContentInfo = "";

var mouse_X;
var mouse_Y;
var tip_active = 0;

function update_tip_pos(){
		document.getElementById('ToolTip').style.left = String(mouse_X + 20)+'px';
		document.getElementById('ToolTip').style.top  = String(mouse_Y)+'px';
}

var ie = document.all?true:false;
if (!ie) document.captureEvents(Event.MOUSEMOVE)
document.onmousemove = getMouseXY;

function getMouseXY(e)
{
	if (ie)
	{ // grab the x-y pos.s if browser is IE
		mouse_X = event.clientX + document.body.scrollLeft;
		mouse_Y = event.clientY + document.body.scrollTop;
	}
	else
	{ // grab the x-y pos.s if browser is NS
		mouse_X = e.pageX;
		mouse_Y = e.pageY;
	}
	if (mouse_X < 0)
	{
		mouse_X = 0;
	}
	if (mouse_Y < 0)
	{
		mouse_Y = 0;
	}
	if(tip_active)
	{
		update_tip_pos();
	}
}

function EnterContent(TTitle, CTitle, TContent, CContent)
{
	ContentInfo = '<table border="1" width="200" cellspacing="0" cellpadding="0">'+
	'<tr><td width="100%%" bgcolor="#000000">'+
	'<table border="0" width="100%%" cellspacing="1" cellpadding="0">'+
	'<tr><td width="100%%" bgcolor='+CTitle+'>'+
	'<table border="0" width="90%%" cellspacing="0" cellpadding="0" align="center">'+
	'<tr><td width="100%%">'+
	'<font class="tooltiptitle">&nbsp;'+TTitle+'</font>'+
	'</td></tr>'+
	'</table>'+
	'</td></tr>'+
	'<tr><td width="100%%" bgcolor='+CContent+'>'+
	'<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>';
}

function tip_it(which, TTitle, CTitle, TContent, CContent)
{
	if(which)
	{
		tip_active = 1;
		document.getElementById('ToolTip').style.visibility = "visible";
		EnterContent(TTitle, CTitle, TContent, CContent);
		document.getElementById('ToolTip').innerHTML = ContentInfo;
		update_tip_pos();
	}
	else
	{
		tip_active = 0;
		document.getElementById('ToolTip').style.visibility = "hidden";
	}
}