// Global variables.
ContentInfo = "";
var mouse_X;
var mouse_Y;
var tip_active = 0;

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

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 EnterCalendarToolTip(TDate, TEvent, TTime, TCall, TLocation, TDress)
{
	update_tip_pos();
	tip_active = 1;
	document.getElementById('ToolTip').style.visibility = "visible";
    ContentInfo = '<table class=\"tooltip\"><tr><th class=\"tooltip\" colspan=2>' + TDate + '</th></tr>' +
                  '<tr><td class=\"tooltip\"><b>Event:</b></td><td class=\"tooltip\">'     + TEvent    + '</td></tr>' +
                  '<tr><td class=\"tooltip\"><b>Time:</b></td><td class=\"tooltip\">'      + TTime     + '</td></tr>' +
                  '<tr><td class=\"tooltip\"><b>Call Time:</b></td><td class=\"tooltip\">' + TCall     + '</td></tr>' +
                  '<tr><td class=\"tooltip\"><b>Location:</b></td><td class=\"tooltip\">'  + TLocation + '</td></tr>' +
                  '<tr><td class=\"tooltip\"><b>Dress:</b></td><td class=\"tooltip\">'     + TDress    + '</td></tr>' +
                  '</table>';
	document.getElementById('ToolTip').innerHTML = ContentInfo;
}

function EnterMP3ToolTip(TDate, TEvent, TLocation, TTitle, TFilesize)
{
	update_tip_pos();
	tip_active = 1;
	document.getElementById('ToolTip').style.visibility = "visible";
    ContentInfo = '<table class=\"tooltip\"><tr><th class=\"tooltip\" colspan=2>' + TTitle + '</th></tr>' +
                  '<tr><td class=\"tooltip\"><b>Event:</b></td><td class=\"tooltip\">'     + TEvent    + '</td></tr>' +
                  '<tr><td class=\"tooltip\"><b>Date:</b></td><td class=\"tooltip\">'      + TDate     + '</td></tr>' +
                  '<tr><td class=\"tooltip\"><b>Location:</b></td><td class=\"tooltip\">'  + TLocation + '</td></tr>' +
                  '<tr><td class=\"tooltip\"><b>File Size:</b></td><td class=\"tooltip\">' + TFilesize + '</td></tr>' +
                  '</table>';
	document.getElementById('ToolTip').innerHTML = ContentInfo;
}

function ExitToolTip()
{
	tip_active = 0;
	document.getElementById('ToolTip').style.visibility = "hidden";
}