//tooltips
var Ex, Ey, topColor, subColor, ContentInfo, initialize;
var initialize=0;
topColor = "#ff0000";
subColor = "#EFEFEF";

function $(id){return document.getElementById(id);}

function MoveToolTip(layerName, FromTop, FromLeft){
	$(layerName).style.top = eval(FromTop);
	$(layerName).style.left = (eval(FromLeft) + 15);
}

function ReplaceContent(layerName){
	document.getElementById(layerName).innerHTML = ContentInfo;}

function Activate(){initialize=1;}
function deActivate(){initialize=0;}

function register_position(){
	Ex = 0;
	Ey = 0;
	document.onmousemove = launch;
} 

function launch(e){
	var DocRef;
	if (!e) var e = window.event;
	Ex = e.pageX || e.clientX;
	Ey = e.pageY || e.clientY;
	if(document.documentElement && document.documentElement.clientWidth){DocRef = document.documentElement;}
	else{DocRef = document.body;}
	Ex += DocRef.scrollLeft;
    Ey += DocRef.scrollTop;
	if(initialize==1){
		MoveToolTip("ToolTip", Ey, Ex);
		$('ToolTip').style.visibility = 'visible';
	}else{
		MoveToolTip("ToolTip", 0, 0);
		$('ToolTip').style.visibility = 'hidden';
	}
}

function EnterContent(layerName, TTitle, TContent){
ContentInfo = '<table border="0" width="250" cellspacing="0" cellpadding="0">'+
'<tr><td width="100%" bgcolor="#000000">'+
'<table border="0" width="100%" cellspacing="1" cellpadding="0">'+
'<tr><td width="100%" bgcolor='+topColor+'>'+
'<table border="0" width="100%" cellspacing="0" cellpadding="1" align="center">'+
'<tr><td width="100%">'+
'<font class="tooltiptitle">&nbsp;'+TTitle+'</font>'+
'</td></tr>'+
'</table>'+
'</td></tr>'+
'<tr><td width="100%" bgcolor='+subColor+'>'+
'<table border="0" width="100%" cellpadding="0" cellspacing="4" align="center">'+
'<tr><td width="100%">'+
'<font class="tooltipcontent">'+TContent+'</font>'+
'</td></tr>'+
'</table>'+
'</td></tr>'+
'</table>'+
'</td></tr>'+
'</table>';
ReplaceContent(layerName);
}