var FADINGTOOLTIP =  $find("FADINGTOOLTIP");
    var wnd_height, wnd_width;
    var tooltip_height, tooltip_width;
    var tooltip_shown=false;
    var transparency = 100;
    var timer_id = 1;
    
    // override events
    window.onload = WindowLoading;
    window.onresize = UpdateWindowSize;
    document.onmousemove = AdjustToolTipPosition;

    function DisplayTooltip(tooltip_text)
    {
        FADINGTOOLTIP.innerHTML = tooltip_text;
        tooltip_shown = (tooltip_text != "")? true : false;
        if(tooltip_text != "")
        {
            // Get tooltip window height
            tooltip_height=(FADINGTOOLTIP.style.pixelHeight)? FADINGTOOLTIP.style.pixelHeight : FADINGTOOLTIP.offsetHeight;
            transparency=0;
            ToolTipFading();
        } 
        else 
        {
            clearTimeout(timer_id);
            FADINGTOOLTIP.style.visibility="hidden";
        }
    }

    function AdjustToolTipPosition(e)
    {
        if(tooltip_shown)
        {
            offset_y = (event.clientY + tooltip_height - document.body.scrollTop + 30 >= wnd_height) ? - 15 - tooltip_height: 20;
            FADINGTOOLTIP.style.visibility = "visible";
//            FADINGTOOLTIP.style.left = Math.min(wnd_width - tooltip_width - 10 , Math.max(3, event.clientX + 6)) + document.body.scrollLeft + 'px';
//            FADINGTOOLTIP.style.top = event.clientY + offset_y + document.body.scrollTop + 'px';
            // TooltipÀ§Ä¡ Á¶Àý
            FADINGTOOLTIP.style.left = Math.min(wnd_width - tooltip_width - 10 , Math.max(3, event.clientX + 6)) - 8 + document.body.scrollLeft + 'px';
            FADINGTOOLTIP.style.top = event.clientY + offset_y - 20 + document.body.scrollTop + 'px';
        }
    }

    function WindowLoading()
    {
        FADINGTOOLTIP=document.getElementById('FADINGTOOLTIP');

        // Get tooltip  window width                
        tooltip_width = (FADINGTOOLTIP.style.pixelWidth) ? FADINGTOOLTIP.style.pixelWidth : FADINGTOOLTIP.offsetWidth;
        
        // Get tooltip window height
        tooltip_height=(FADINGTOOLTIP.style.pixelHeight)? FADINGTOOLTIP.style.pixelHeight : FADINGTOOLTIP.offsetHeight;

        UpdateWindowSize();
    }
    
    function ToolTipFading()
    {
        if(transparency <= 100)
        {
            FADINGTOOLTIP.style.filter="alpha(opacity="+transparency+")";
            transparency += 5;
            timer_id = setTimeout('ToolTipFading()', 35);
        }
    }

    function UpdateWindowSize() 
    {
        wnd_height=document.body.clientHeight;
        wnd_width=document.body.clientWidth;
    }