var delay = 6000;
var start_frame = 0;
var frame = 0;
var color_actif = "gray";
var bgcolor_actif = "white";
var color_norm = "white";
var bgcolor_norm = "gray";

function init() {
    if(document.getElementById("slide-images")){
        var lis = $('slide-images').getElementsByTagName('li');
        if(lis.length > 1){
            end_frame = lis.length -1;
            aref = $('number').getElementsByTagName('a');
            aref[frame].style.backgroundColor=bgcolor_actif;
            aref[frame].style.color=color_actif;
            frame = start_frame;
            for( i=0; i < lis.length; i++){
                if(i!=start_frame){
                    lis[i].style.display = 'none';
                }else{
                    lis[i].style.display = 'block';
                }
            }
            document.getElementById("number").style.display="block";
            start_slideshow(start_frame, end_frame, delay, lis);
        }
    }
}

function start_slideshow(start_frame, end_frame, delay, lis) {
    setInterval(fadeInOut(start_frame,end_frame, lis), delay);
}


function fadeInOut(start_frame, end_frame, lis) {
    return (function() {
        lis = $('slide-images').getElementsByTagName('li');
        aref = $('number').getElementsByTagName('a');
        Effect.Fade(lis[frame]);
        aref[frame].style.backgroundColor=bgcolor_norm;
        aref[frame].style.color=color_norm;
        if (frame == end_frame) {
            frame = start_frame;
        } else {
            frame++;
        }  
        aref[frame].style.backgroundColor=bgcolor_actif;
        aref[frame].style.color=color_actif;
        lisAppear = lis[frame];
        setTimeout("Effect.Appear(lisAppear);", 0);
    })
}

function changeFrame(newframe){
    aref = $('number').getElementsByTagName('a');
    aref[frame].style.backgroundColor=bgcolor_norm;
    aref[frame].style.color=color_norm;
    aref[newframe].style.backgroundColor=bgcolor_actif;
    aref[newframe].style.color=color_actif;
    lis = $('slide-images').getElementsByTagName('li');
    for( i=0; i < lis.length; i++){
        if(i!=newframe){
            lis[i].style.display = 'none';
        }else{
            lisAppear = lis[newframe];
            setTimeout("Effect.Appear(lisAppear);", 0);
        }
    }
    if(--newframe < 0){
        newframe = end_frame;
    }
    frame = newframe;
}

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