var delay = 6000;
var startFrame = 1;
var endFrame = 0;
var stopAnim = 0;
var currentPos = 0;
var faderTimer1;
var faderTimer2;

function init()
{
    var lis = $('slideImgs').getElementsByTagName('li');
    endFrame = lis.length;    

    hideAllImgs();
    document.getElementById('img1').style.display = '';

    currentPos = 1;
    document.getElementById('btn' + currentPos).className = 'btnOn';

    startAnim(startFrame, endFrame, delay, lis);

}

function startAnim(startFrame, endFrame, delay, lis)
{
    setTimeout(fadeInOut(startFrame, startFrame, endFrame, delay, lis), delay);
}

function jumpToSlide(slide)
{
    var lis = $('slideImgs').getElementsByTagName('li');

    currentPos = slide;
    hideAllImgs();
    document.getElementById('img' + currentPos).style.display = '';

    clearAllBtns();
    pauseAnim();

    document.getElementById('btnPlayPause').className = 'btnPlay';
    document.getElementById('btn' + currentPos).className = 'btnOn';
}

function pausePlay()
{
    if (stopAnim == 0)
    {
        document.getElementById('btnPlayPause').className = 'btnPlay';
        pauseAnim();
    }
    else
    {
        document.getElementById('btnPlayPause').className = 'btnPause';
        restartAnim();
    }
}

function pauseAnim()
{
    stopAnim = 1;
    clearTimeout(faderTimer1);
    clearTimeout(faderTimer2);
}

function restartAnim()
{
    stopAnim = 0;

    var lis = $('slideImgs').getElementsByTagName('li');
    endFrame = lis.length;

    startAnim(startFrame, endFrame, delay, lis);
}

function hideAllImgs()
{
    lis = $('slideImgs').getElementsByTagName('li');
    var limit = lis.length + 1;
    for (i = 0; i < limit; i++)
    {
        if (i != 0)
        {
            document.getElementById('img' + i).style.display = 'none';
        }
    }
}

function clearAllBtns()
{
    lis = $('slideImgs').getElementsByTagName('li');
    var limit = lis.length + 1;
    for (i = 0; i < limit; i++)
    {
        if (i != 0)
        {
            document.getElementById('btn' + i).className = 'btnOff';
        }
    }
}



function fadeInOut(frame, startFrame, endFrame, delay, lis)
{
    return (function()
    {
        lis = $('slideImgs').getElementsByTagName('li');

        if (stopAnim == 0)
        {
            Effect.Fade(document.getElementById('img' + currentPos));
            if (currentPos == endFrame)
            {
                currentPos = 1;
            }
            else
            {
                currentPos++;
            }
            lisAppear = document.getElementById('img' + currentPos);
            faderTimer1 = setTimeout("Effect.Appear(lisAppear);", 0);
            faderTimer2 = setTimeout(fadeInOut(frame, startFrame, endFrame, delay), delay + 2000);
            clearAllBtns();
            document.getElementById('btn' + currentPos).className = 'btnOn';

        }
    })

}

Event.observe(window, 'load', init, false);