var IntervalTime = 15000; //In Milli Second
var FadeIntervalTime = 50;
var FadeStepsCount = 10;   
var step = 0;
var Back;
var Fore ;
var CurrentImage = 1;
var FileNames = new Array();

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

function ChangeSlide(current, next, FadeStepsCount, FadeIntervalTime, step)
{
    if( step <= FadeStepsCount )
    {
        ChangeOpacity( 100 -  step * (100 / FadeStepsCount )  , current );
        ChangeOpacity( step * (100 / FadeStepsCount )  , next );                                  
        step = step + 1;
        window.setTimeout("ChangeSlide('" + 
                            current + "', '" + 
                            next + "', " + 
                            FadeStepsCount + ", " + 
                            FadeIntervalTime + ", " +                             
                            step + ")", FadeIntervalTime );                            
    }
}

function SlideShow_Loop(IntervalTime, FadeIntervalTime, FadeStepsCount, Back, Fore, CurrentImage, FileNames)
{
    ChangeSlide(Fore, Back, FadeStepsCount, FadeIntervalTime, 0);
    var backdiv = document.getElementById(Back);        
    var forediv = document.getElementById(Fore);
    CurrentImage = (CurrentImage + 1) % FileNames.length;
    backdiv.style.backgroundImage = "url('" + FileNames[CurrentImage] + "')";
    var temp = Fore;
    Fore = Back;
    Back = temp;
    window.setTimeout(function(){SlideShow_Loop(IntervalTime, FadeIntervalTime, FadeStepsCount, Back, Fore, CurrentImage, FileNames)}, IntervalTime );
}