/* Slideshow */

var transition = 0;

var transitions = [
    ['slide-p-1', 'slide-p-2'],
    ['slide-r-1', 'slide-r-2'],
    ['slide-n-1', 'slide-n-2'],
    ['slide-p-2', 'slide-p-3'],
    ['slide-r-2', 'slide-r-3'],
    ['slide-n-2', 'slide-n-3'],
    ['slide-p-3', 'slide-p-1'],
    ['slide-r-3', 'slide-r-1'],
    ['slide-n-3', 'slide-n-1']
]

/*

 1. #slideshow starts loading image
 2. #slideshow finishes loading image, onload event fires
 3. onload event calls fadeFromBlack
 4. fadeFromBlack calls startSlideShow when finished
 4. startSlideShow sets callback for fadeToBlack in 5 secs
 5. fadeToBlack calls changeImage when finished
 6. changeImage changes the src attribute of #slideshow

 */
            
function pause()
{
    setTimeout(nextSlide, 5000);
}
          
function startSlideShow()
{
    pause();
}

function nextSlide()
{
    var current = transitions[transition][0];
    var next = transitions[transition][1];
    
    new Effect.Fade(current, {duration: 2});
    new Effect.Appear(next, {duration: 2.5, afterFinish: pause});
 
    transition = transition + 1;
    if (transition > transitions.length)
    {
        transition = 0;
    }
}