var delay = 3000;
var start_frame = 0;

function init() {
	var lis = $('slide-images-nav').getElementsByTagName('li');
//	lisNav[0].className = 'nav-selected';

	/*
	for( i=0; i < lis.length; i++){
		if(i!=0){
			lis[i].style.display = 'none';
		}
	}
	*/

	end_frame = lis.length -1;
	start_slideshow(start_frame, end_frame, delay, lis);

}


function start_slideshow(start_frame, end_frame, delay, lis) {
	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');
		//alert(frame);

		Effect.Fade(lis[frame], {duration:0});
		if (frame == end_frame) { frame = start_frame; } else { frame++; }
		lisAppear = lis[frame];	

		var lisNav = $('slide-images-nav').getElementsByTagName('li');
		for (var i = 0; i < lisNav.length; i++) {
			if (i == frame) {
				lisNav[i].className = 'nav-selected';
			} else {
				lisNav[i].className = '';
			}
		}		

		setTimeout("Effect.Appear(lisAppear);", 0);
		setTimeout(fadeInOut(frame, start_frame, end_frame, delay), delay + 1850);
	})
	
}

function showSelectedSlide(val) {
    var lis = $('slide-images').getElementsByTagName('li');
    var lisNav = $('slide-images-nav').getElementsByTagName('li');

    for (var i = 0; i < lisNav.length; i++) {
        if (i == val) {
            lisNav[i].className = 'nav-selected';
            Effect.Appear(lis[i]);
        } else {
            lisNav[i].className = '';
            Effect.Fade(lis[i], {duration:0});
        }
    }
}

Window.onload = function(){
	init();
}


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