function Popup_Show(id, e)
{
    var locationX = 0;
    var locationY = 0;
    
    if( e.x )
    {
        locationX = e.x;
        locationY = e.y;       
    }
    else if(  e.pageX )
    {
        locationX = e.pageX;
        locationY = e.pageY; 
    }
    
    if( !e.srcElement )
        e.srcElement = e.target;
        
        
    //alert(e.srcElement.clientTop);
    
    
    
    var d = document.getElementById(id);
    Popop_ChangeOpacity(id, 1);
    d.style.top = (locationY + 10 ) + 'px';
    d.style.left = (locationX  - parseInt( d.style.width )- 20 )  + 'px';           
    d.style.display = 'block';
}    
function Popop_Hide(id, e)
{
     setTimeout("Popop_Hide2('" + id + "', 1)", 100);
}

function Popop_Hide2(id, trans)
{
    var d = document.getElementById(id);
    
    if( trans >= 0)
    {
        Popop_ChangeOpacity(id, trans);
        trans = trans - 0.1;
        setTimeout("Popop_Hide2('" + id + "', " + trans + ")", 15);
    }
    else
    {
        d.style.display = 'none';
    }
}    

function Popop_ChangeOpacity(id, opacity) 
{
    var object = document.getElementById(id).style; 
    object.opacity = (opacity);
    object.MozOpacity = (opacity);
    object.KhtmlOpacity = (opacity);
    object.filter = "alpha(opacity=" + (opacity * 100)+ ")";
}