var fade = function()
{
    var _fader;
    var offX= 20;	// how far from mouse to show tip
    var offY= 12; 
    var fIn = 1;
    var fOut = 0;
    
    function fader(evt,id)
    {
        _fader = document.getElementById(id);
    }
    
    function fader2(evt, id, fInOpacity, fOutOpacity)
    {
        _fader = document.getElementById(id);
        fIn = fInOpacity;
        fOut = fOutOpacity;
    }
    
    // fade in/Out
    var tm=5; var sp = 0.05;

    function doFadeInOut(f){
        _fader.style.opacity = parseFloat(_fader.style.opacity) + (f * sp); 
        _fader.style.filter = 'alpha(opacity=' + _fader.style.opacity * 100 + ')';
        if(f==1 && _fader.style.opacity >= fIn)
        {
            clearInterval(_fader.timer);
            _fader.fActive = false;
            _fader.style.zIndex = 999; 
        }
        else if(f!=1 && _fader.style.opacity<=fOut)
        {
            clearInterval(_fader.timer)
            _fader.style.display='none'; 
            _fader.style.zIndex = 0; 
            _fader.style.left = '500px';
            _fader.style.left = '500px';

            _fader.fActive = false;
        }
    }
    
    fader.prototype.fadeIn = function()
    {
        if (_fader && _fader.fActive)
            return;
        _fader.fActive = true;
        _fader.style.opacity = fOut;
        _fader.style.visibility='visible'; 
        _fader.style.filter = 'alpha(opacity=' + _fader.style.opacity + ')';
        _fader.style.display = '';
        _fader.style.zIndex = 999; 
        
        _fader.timer = setInterval(function(){ doFadeInOut(1)},tm)
    }

    
    fader.prototype.fadeOut = function()
    {
        if (_fader && _fader.fActive)
            return;
        _fader.style.opacity = fIn;
        _fader.fActive = true;
        _fader.timer = setInterval(function(){ doFadeInOut(-1)},tm)
    }

    return { fader: fader }
}();