var tooltipNextTimer = 0, tooltipHideTimer = 0;

function ShowTooltip(obj, hint)
{
    if (!obj) return;
    if (tooltipHideTimer) clearTimeout(tooltipHideTimer);
    
    
    var div = document.getElementById("tooltip_div");
    if (!div)
    {
        div = document.createElement("DIV");
        div.id = "tooltip_div";
        div.className = "tooltip_div";
        document.body.appendChild(div);        
    }
    var div2 = document.getElementById("tooltip_div_bk");
    if (!div2)
    {
        div2 = document.createElement("DIV");
        div2.id = "tooltip_div_bk";
        div2.className = "tooltip_div_bk";
        div2.onclick = HideTooltip;
        document.body.appendChild(div2);        
    }
        
    var X = parseInt(obj.offsetLeft), Y = parseInt(obj.offsetTop);
    me = obj.offsetParent;
    while (me)
    {
        X += parseInt(me.offsetLeft);
        Y += parseInt(me.offsetTop );
        
        me = me.offsetParent;
    }
    
    
    div.innerHTML = unescape(hint);
    div.style.left = (X-60)+"px";
    div.style.top  = (Y+40)+"px";
    div.style.display = "block";
    div2.style.display = "block";
    
    setTimeout("HideTooltip()",10000);
    
    obj.blur();
    return false;
}

function HideTooltip()
{
    if (tooltipHideTimer) clearTimeout(tooltipHideTimer);
    tooltipHideTimer = 0;

    var div = document.getElementById("tooltip_div");
    if (div) div.style.display = "none";

    var div = document.getElementById("tooltip_div_bk");
    if (div) div.style.display = "none";
}

function HoverTooltip(obj, hint)
{
    if (!obj) return;
    
    if (!obj.tooltip_initialized)
    {
        obj.tooltip_initialized = true;
        obj.onmousedown = function () { return ShowTooltip(this, hint); };
        //obj.onmouseout  = function () { HideTooltip(); if (tooltipNextTimer) clearTimeout(tooltipNextTimer); tooltipNextTimer = 0; }; 
    }
    
    if (tooltipNextTimer) clearTimeout(tooltipNextTimer);
    tooltipNextTimer = setTimeout( function () { ShowTooltip(obj, hint); }, 100 );   
}