// Actual code
var fadeEndFunc;
var fadeDivName;
var fadeValue;
var fadeInc;

function getElementByIdCompatible(id) {
    if (typeof document.getElementById != 'undefined') {
        return document.getElementById(id);
    } else if (typeof document.all != 'undefined') {
        return document.all[id];
    } else if (typeof document.layers != 'undefined') {
        return document.layers[id];
    } else {
        return null;
    }
}

function setOpacity(obj, opacity) 
{
  opacity = (opacity == 100)?99.999:opacity;
  
  // IE/Win
  obj.style.filter = "alpha(opacity:"+opacity+")";
  
  // Safari<1.2, Konqueror
  obj.style.KHTMLOpacity = opacity/100;
  
  // Older Mozilla and Firefox
  obj.style.MozOpacity = opacity/100;
  
  // Safari 1.2, newer Firefox and Mozilla, CSS3
  obj.style.opacity = opacity/100;
}

function fadePic()
{
    if ( ( ( fadeInc > 0 ) && ( fadeValue == 100 ) ) ||
         ( ( fadeInc < 0 ) && ( fadeValue == 0 )   ) )
    {
        if ( fadeEndFunc != "" )
            eval(fadeEndFunc);
    }
    else
    {
        var div = getElementByIdCompatible(fadeDivName);
        
        if ( div ) 
        {
            setOpacity( div, fadeValue );
            fadeValue += fadeInc;
            setTimeout( "fadePic()", 10 );
        }
    }
}

function fadeUp( div, endFunc )
{
    fadeEndFunc = endFunc;
    fadeDivName = div;
    fadeValue   = 5;
    fadeInc     = 5;
    
    fadePic();
}

function fadeDown( div, endFunc )
{
    fadeEndFunc = endFunc;
    fadeDivName = div;
    fadeValue   = 95;
    fadeInc     = -5;

    fadePic();
}