var xPos;
var yPos;

function mouseX(evt) {if (!evt) evt = window.event; if (evt.pageX) return evt.pageX; else if (evt.clientX)return evt.clientX + (document.documentElement.scrollLeft ?  document.documentElement.scrollLeft : document.body.scrollLeft); else return 0;}

function followInfo(evt)
{
	var toolTip = document.getElementById("Info");
   var width=toolTip.style.width;
   width=parseInt(width);
   if (evt) {
        var url = evt.target;
    }
    else {
        evt = window.event;
        var url = evt.srcElement;
    }
    

    
    if (evt.pageX)
    {
    	xPos = evt.pageX-(width/2+30);
    	yPos = evt.pageY;
    } else
    {
    	xPos = evt.clientX-(width/2+30);
    	yPos = evt.clientY; 

    
      if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) 
      {
        //IE 4, 5 , 6 (in non-standards compliant mode)
        xPos += document.body.scrollLeft;
        yPos += document.body.scrollTop;
      } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) 
      {
        //IE 6 (in standards compliant mode)
        xPos += document.documentElement.scrollLeft;
        yPos += document.documentElement.scrollTop;
      }
     }
		yPos -= 22;
xPos=mouseX(evt)-(width/2);

   yPos-=toolTip.clientHeight;
   toolTip.style.top = parseInt(yPos)+2 + "px";
   toolTip.style.left = parseInt(xPos)+2 + "px";
}

function showInfo(width,title,msg,evt){
    if (evt) {
        var url = evt.target;
    }
    else {
        evt = window.event;
        var url = evt.srcElement;
    }
    

   // url.onmouseover=followInfo(evt);
    if (evt.pageX)
    {
    	xPos = evt.pageX-(width/2+30);
    	yPos = evt.pageY;
    } else
    {
    	xPos = evt.clientX-(width/2+30);
    	yPos = evt.clientY; 

    
      if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) 
      {
        //IE 4, 5 , 6 (in non-standards compliant mode)
        xPos += document.body.scrollLeft;
        yPos += document.body.scrollTop;
      } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) 
      {
        //IE 6 (in standards compliant mode)
        xPos += document.documentElement.scrollLeft;
        yPos += document.documentElement.scrollTop;
      }
     }
		yPos -= 22;

   var toolTip = document.getElementById("Info");
   var content="";
   if (title)
     content += "<h1>"+title+"</h1>";
   if (msg)
     content += "<p>"+msg+"</p>";
     toolTip.innerHTML = content;
     
   toolTip.style.visibility = "visible";
   toolTip.style.width = width + "px";
   yPos-=toolTip.clientHeight;
   toolTip.style.top = parseInt(yPos)+2 + "px";
   toolTip.style.left = parseInt(xPos)+2 + "px";
   
   
   
}

function hideInfo(){
   var toolTip = document.getElementById("Info");
   toolTip.style.visibility = "hidden";
}