//Description: Hien tooltip
var ie=document.all;
var ns6=document.getElementById && !document.all;
var fox=document.getElementById&&!document.all;

var EnableToolTip=false;
//Khoang cach tu mouse pointer cho den dinh cua tooltip
var OffsetLeft=10;
var OffsetTop=10;
//
document.open();
document.write('<div id="idToolTip">Welcome to spkt!</div>');
if(ie||ns6||fox)
{
	//var tooltip=document.getElementById("idToolTip");
	var tooltip=document.all? document.all["idToolTip"] : document.getElementById? document.getElementById("idToolTip") : "";
}
//Hien thi tooltip
function ShowToolTip(text,width,color)
{
	
	if(ie||ns6||fox)
	{
		if (typeof width!="undefined") tooltip.style.width=width+"px";
		if (typeof color!="undefined" && color!="") tooltip.style.backgroundColor=color;
		tooltip.innerHTML=text;
		tooltip.style.visibility="visible";
		EnableToolTip=true;
	}
}
function HidenToolTip()
{
	if (ie||ns6||fox)
		{
			EnableToolTip=false;
			tooltip.style.visibility="hidden";
			tooltip.style.width="0px";
		}
}
//
function ieBody()
{
	return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;
}
//cap nhat vi tri cua tooltip
function PositionToolTip(e)
{
	if(EnableToolTip)
	{
		//lay vi tri cua tooltip
		var CurrentX=(ns6)?e.pageX:event.clientX+ieBody().scrollLeft;
		var CurrentY=(ns6)?e.pageY:event.clientY+ieBody().scrollTop;
		
		//Lay chieu rong va chieu cao cua  man hinh client
		var ClientWidth=ie&&!window.opera? ieBody().clientWidth : window.innerWidth-20
		var ClientHeight=ie&&!window.opera? ieBody().clientHeight : window.innerHeight-20
		
		var rightedge=ie&&!window.opera? ClientWidth-event.clientX-OffsetLeft : ClientWidth-e.clientX-OffsetLeft;
		var bottomedge=ie&&!window.opera? ClientHeight-event.clientY-OffsetTop: ClientHeight-e.clientY-OffsetTop;
		
		
		//window.alert(window.innerHeight);
		//Gan cho tooltip vi tri moi
		tooltip.style.left=CurrentX+OffsetLeft;
		tooltip.style.top=CurrentY+OffsetTop;
		
		//Truong hop khong du cho de hien tooltip
		if(rightedge<tooltip.offsetWidth)
			tooltip.style.left=CurrentX-OffsetLeft-tooltip.offsetWidth;
		if(bottomedge<tooltip.offsetHeight)
			tooltip.style.top=CurrentY-tooltip.offsetHeight;
	}
}
//cap nhat vi tri cua mouse 
document.onmousemove=PositionToolTip;