// Tooltip script
// in header:
// in body:
// <script language="JavaScript" src="tooltip.js"></script> 
// in link:
// <a href="http://www.simion.co.uk" onMouseOver="TooltipShow(event,'Alex website<br>click to visit')" onMouseOut="TooltipHide()">www.simion.co.uk</a>
 
function TooltipShow(e,text)
{
	if (document.layers) // Netscape 4.0+
	{
		theString="<DIV CLASS='ttip'>"+text+"</DIV>"
		document.tooltip.document.write(theString)
		document.tooltip.document.close()
		document.tooltip.visibility="show"
	}
	else
	if(document.getElementById) // Netscape 6.0+ and Internet Explorer 5.0+
	{
		elm=document.getElementById("tooltip")
		elm.innerHTML=text
		elm.style.visibility = "visible"
	}
	TooltipPosition(e);
}

function TooltipHide()
{
	if (document.layers) // Netscape 4.0+
	{
		document.tooltip.visibility="hidden"
	}
	else
	if(document.getElementById) // Netscape 6.0+ and Internet Explorer 5.0+
	{
		elm.style.visibility="hidden"
	}
}

function TooltipPosition(e)
{
	if(!e) e=event;
	ofsx = 16;
	ofsy = 16;
	if (document.layers) // Netscape 4.0+
	{
		x = e.pageX+ofsx;
		y = e.pageY+ofsy;
		
		w = document.tooltip.width;
		h = document.tooltip.height;
		
		// borders safety ??
		if(e.pageX+ofsx*2+w>document.left+document.width)
			x = e.pageX - ofsx - 8 - w;
		if(e.pageY+ofsy+h>document.top+document.height)
			y = e.pageY - ofsy - 8 - h;
			
		document.tooltip.left=x;
		document.tooltip.top=y;
	}
	else
	if(document.getElementById) // Netscape 6.0+ and Internet Explorer 5.0+
	{
		elm=document.getElementById("tooltip")
		w = elm.clientWidth;
		h = elm.clientHeight;
		x = e.clientX + document.body.scrollLeft + ofsx;
		y = e.clientY + document.body.scrollTop + ofsy;
		
		// borders safety		
		if(e.clientX+ofsx*2+w>document.body.clientWidth)
			x = e.clientX + document.body.scrollLeft - ofsx - 8 - w;
		if(e.clientY+ofsy+h>document.body.clientHeight-ofsy)
			y = e.clientY + document.body.scrollTop - ofsy - 8 - h;

		elm.style.left = x;
		elm.style.top  = y;
	}
}

document.onmousemove=TooltipPosition;
document.write("<div id=\"tooltip\" style=\"position:absolute;visibility:hidden;border:1px solid black;font-size:12px;color:black; background-color:lightyellow;padding:1px;white-space:nowrap;\"></div>")
