var xPos;
var yPos;

function showToolTip(title,msg,evt){
    if (evt) {
        var url = evt.target;
    }
    else {
        evt = window.event;
        var url = evt.srcElement;
    }
    xPos = evt.clientX;
    yPos = evt.clientY;

	//�W�[���b�ȧP�_
	if(document.body.scrollTop && document.body.scrollTop !=0){ //�����ʮ�
		dbst=document.body.scrollTop;
		dbsl=document.body.scrollLeft;
	}
	else{
		dbst=document.getElementsByTagName("html")[0].scrollTop;
		dbsl=document.getElementsByTagName("html")[0].scrollLeft;
	}



   var toolTip = document.getElementById("toolTip");
   toolTip.innerHTML = "<h1>"+title+"</h1><p>"+msg+"</p>";
   //���I��m
   //toolTip.style.top = parseInt(yPos)+2 + "px";
   //toolTip.style.left = parseInt(xPos)+2 + "px";
   toolTip.style.top = dbst + parseInt(yPos)+ 2 + "px";
   toolTip.style.left = dbsl + parseInt(xPos) - 230 + "px";
   
   toolTip.style.visibility = "visible";
   
}

function hideToolTip(){
   var toolTip = document.getElementById("toolTip");
   toolTip.style.visibility = "hidden";
   //toolTip.style.display = "none";
   toolTip.style.top ="0px";
   toolTip.style.left ="0px";
}