var xPos;
var yPos;

function showToolTip(title,msg,evt,image){
    if (evt) {
        var url = evt.target;
    } else {
        evt = window.event;
        var url = evt.srcElement;
    }
    if (image) {
        var img = '<img src="' + image + '" width="120px"/>';
        //alert (img);
    } else {
        var img = '';
    }
    if (evt.pageX || evt.pageY) {
    	xPos = evt.pageX;
    	yPos = evt.pageY;	
    } else if (evt.screenX || evt.screenY) {
    	xPos = evt.screenX + document.body.scrollLeft + document.documentElement.scrollLeft;
   		yPos = evt.screenY + document.documentElement.scrollTop - 100;		
    }
	//xPos = evt.style.left;
    //yPos = evt.style.top + 20;
    var toolTip = document.getElementById("toolTip");
    toolTip.innerHTML = "<h1>"+title+"</h1><p>"+img+"<br>"+msg+"</p>";
    toolTip.style.top = parseInt(yPos)+2 + "px";
    toolTip.style.left = parseInt(xPos)+2 + "px";
    toolTip.style.zIndex="1000";
    toolTip.style.visibility = "visible";
}



function hideToolTip(){

   var toolTip = document.getElementById("toolTip");

   toolTip.style.visibility = "hidden";

}