// javascript to display images

function showtip(current,e,tip) {
	if (document.layers) { // Netscape 4.0+
		theString="<DIV CLASS='ttip' align=center>"+tip+"</DIV>"
		document.tooltip.document.write(theString)
		document.tooltip.document.close()
		document.tooltip.left=e.pageX+20;
		document.tooltip.top=e.pageY-60;
		document.tooltip.visibility="show"
	} else {
		if(document.getElementById) { // Netscape 6.0+ and Internet Explorer 4.0+
			elm=document.getElementById("tooltip")
			elml=current
			elm.innerHTML=tip
			elm.style.height=elml.style.height
			if(document.all) {
				elm.style.top=event.clientY+document.body.scrollTop-60;
				elm.style.left=event.clientX+document.body.scrollLeft+20;
			} else {
				elm.style.top=e.pageY-60;
				elm.style.left=e.pageX+20;
			}
			elm.style.visibility = "visible"
		}
	}
}
function hidetip(){
	if (document.layers) { // Netscape 4.0+
		document.tooltip.visibility="hidden"
	} else {
		if(document.getElementById || document.all) { // Netscape 6.0+ and Internet Explorer 4.0+
			elm=document.getElementById("tooltip")
			elm.style.visibility="hidden"
		}
	} 
}








// usage:
//  onMouseover="showtip(this,event,'<IMG SRC="$imgSrc$">');" onMouseout="hidetip();"

// insert this div in page body (not inside another element):
// <div id="tooltip" style="position:absolute; top:100px; left:200px; visibility:hidden;border:1px solid black;font-size:12px;font-weight:bold;font-family:arial,helvetica;color:#000000;layer-background-color:#CCCCCC;background-color:#CCCCCC;padding:1px;z-index: 100" align=center>



