var ie = document.all ? 1 : 0
var ns = document.layers ? 1 : 0

if(ns){doc = "document."; sty = ""}
if(ie){doc = "document.all."; sty = ".style"}

var initialize = 0
var Ex, Ey, topColor, subColor, ContentInfo
topColor = "#E0B12D"
subColor = "#F5E5C1"
if(ie){
Ex = "event.x"
Ey = "event.y"
//Ex = "event.clientX"
//Ey = "event.screenY"

topColor = "#E0B12D"
subColor = "#F5E5C1"
}

if(ns){
Ex = "e.pageX"
Ey = "e.pageY"
window.captureEvents(Event.MOUSEMOVE)
window.onmousemove=overhere

topColor = "#808080"
subColor = "#C0C0C0"
}

function MoveToolTip(layerName, FromTop, FromLeft, e){
	var winW = (ns)? window.innerWidth-16 : document.body.offsetWidth-20
	var winH = (ns)? window.innerHeight-16 : document.body.offsetHeight-20
	var layWidth = (ns)? eval(doc + layerName + ".document.width") : eval(doc + layerName + ".scrollWidth")
	var layHeight = (ns)? eval(doc + layerName + ".document.height") : eval(doc + layerName + ".scrollHeight")
	var layLeft = eval(FromLeft)
	var layTop = eval(FromTop)
	
	if(ie){
		eval(doc + layerName + sty + ".top = "  + (layTop + document.body.scrollTop))
		eval(doc + layerName + sty + ".left = " + (layLeft + document.body.scrollLeft + 15))
	}
	if(ns){
		eval(doc + layerName + sty + ".top = "  +  layTop)
		eval(doc + layerName + sty + ".left = " + (layLeft + 15))
	}
	
	if  ((layLeft + layWidth) > winW) {
		eval(doc + layerName + sty + ".left = "  +  eval(winW + document.body.scrollLeft - layWidth))
	}
	if  ((layTop + layHeight) > winH) {
		eval(doc + layerName + sty + ".top = "  +  eval(winH + document.body.scrollTop - layHeight))
	}
	//window.alert("layLeft="+ layLeft)
	//window.alert("layWidth="+ layWidth)
	//window.alert("winW="+ winW)
}

function ReplaceContent(layerName){

if(ie){document.all[layerName].innerHTML = ContentInfo}

if(ns){

with(document.layers[layerName].document)
{
   open();
   write(ContentInfo);
   close();
}

}

}


function Activate(){initialize=1}
function deActivate(){initialize=0}

function ToolTipHook(e){
if(initialize){

//ContentInfo = 'x='+ eval(Ex) + ', y='+ eval(Ey)
//ReplaceContent("ToolTip")
MoveToolTip("ToolTip", Ey, Ex, e)
eval(doc + "ToolTip" + sty + ".visibility = 'visible'")
}

else{
MoveToolTip("ToolTip", 0, 0)
eval(doc + "ToolTip" + sty + ".visibility = 'hidden'")
}

}

function generateToolTip(TTitle, TContent)
{
	var ContentInfo = '<table style="border-width:0px;" width="150" cellspacing="0" cellpadding="0">'+
	'<tr><td width="100%">'+
	'<table border="0" width="100%" cellspacing="1" cellpadding="0">'+
	'<tr><td width="100%" bgcolor='+topColor+'>'+
	'<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='+subColor+'>'+
	'<table border="0" width="90%" cellpadding="0" cellspacing="0" align="center">'+
	'<tr><td width="100%">'+
	'<font class="tooltipcontent">'+TContent+'</font>'+
	'</td></tr>'+
	'</table>'+
	'</td></tr>'+
	'</table>'+
	'</td></tr>'+
	'</table>';
	
	
	return ContentInfo;
}


function EnterContent(layerName, TTitle, TContent){

ContentInfo = '<table border="11" width="150" 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="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='+subColor+'>'+
'<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>';

ReplaceContent(layerName)

}

