var delay = 3000;
var duration = 6;
var start_frame = 0;

function initImageFader() {
    var lis = $('slide-images').getElementsByTagName('li');
    for( i=0; i < lis.length; i++){
        if(i!=0){
            lis[i].style.display = 'none';
        }
    }
    $('slide-images').style.display = 'block';
    end_frame = lis.length -1;
    setTimeout(fadeInOut(start_frame,start_frame,end_frame, delay, lis), delay);
}

function fadeInOut(frame, start_frame, end_frame, delay, lis) {
    return (function() {
        lis = $('slide-images').getElementsByTagName('li');
        Effect.Fade(lis[frame], {duration: duration});
        if (frame == end_frame) { 
            frame = start_frame; 
        } else { 
            frame++; 
        }
        lisAppear = lis[frame];
        setTimeout("Effect.Appear(lisAppear, {duration: " + duration + "});", 0);
        setTimeout(fadeInOut(frame, start_frame, end_frame, delay), delay + 1850);
    })
}

