var cX = 0; 
var cY = 0; 
var rX = 0; 
var rY = 0;

function updateCursorPosition(e)
{ 
    cX = e.pageX;
    cY = e.pageY;
}

function updateCursorPositionDocAll(e)
{ 
    cX = event.clientX; 
    cY = event.clientY;
}

if(document.all) 
{ 
    document.onmousemove = updateCursorPositionDocAll; 
}
else 
{
    document.onmousemove = updateCursorPosition; 
}

function setPosition(d,l,t) 
{
    if(self.pageYOffset) 
    {
	    rX = self.pageXOffset;
	    rY = self.pageYOffset;
	}
    else if(document.documentElement && document.documentElement.scrollTop) 
    {
	    rX = document.documentElement.scrollLeft;
	    rY = document.documentElement.scrollTop;
	}
    else if(document.body) 
    {
	    rX = document.body.scrollLeft;
	    rY = document.body.scrollTop;
	}
    if(document.all) 
    {
	    cX += rX; 
	    cY += rY;
	}
	switch(l)
	{
	    case null :            
            d.style.left = (cX-300) + "px";
            break;
        case "bulle":
            d.style.left = cX + "px";
            break;
        default:
            d.style.left = l + "px";        
            break;
    }
    switch(t)
    {
        case null:
            d.style.top = (cY+20) + "px";    
            break;
        case "bulle":
            d.style.top = cY + "px"; 
            break;
        default:
            d.style.top = (cY+t) + "px";    
            break;
    }
	/*if (l==null)
        //d.style.left = (cX-300) + "px";
        d.style.left = cX + "px";
    else
        d.style.left = l + "px";        
    if (t==null)
        //d.style.top = (cY+20) + "px";    
        d.style.top = cY + "px";    
    else
        d.style.top = (cY+t) + "px"; */   
}

function hideInfos(d) 
{
    if (d.length < 1)
        return;
    document.getElementById(d).innerHTML="";
    document.getElementById(d).style.display = "none";
}

function showInfos(d,txt,l,t) 
{
    if (d.length < 1)
        return;
    var infos = document.getElementById(d);
    infos.innerHTML=txt;
    setPosition(infos,l,t);
    infos.style.display = "block";
}