var delay = 3500;

var start_frame = 0;



function init() {	

	var lis = $('slideshow').getElementsByTagName('li');

	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 = $('slideshow').getElementsByTagName('li');

		if($('st_pl_vl').getValue() == 1){

			Effect.Fade(lis[frame]);
		
		}
		
		if (frame == end_frame) { frame = start_frame; } else { frame++; }

		lisAppear = lis[frame];
		
		if($('st_pl_vl').getValue() == 1){

			setTimeout("Effect.Appear(lisAppear);", 0);
		
		}

		setTimeout(fadeInOut(frame, start_frame, end_frame, delay), delay + 1850);

	})

	

}


function stop_play(){

				if($('st_pl_vl').getValue() == 1){
					
					$('st_pl_vl').setValue(0);					
					
					$('pl_ps').update('<img src="images/pouse.gif" id="cl_st_ps" onclick="stop_play()"/>');

					
				} else {
					
					$('st_pl_vl').setValue(1);
				
					
					$('pl_ps').update('<img src="images/play.gif" id="cl_st_ps" onclick="stop_play()"/>');
					
					
				}
				   
}

/*
$(document).ready(function() {


	$("#cl_st_ps").live("click", function (event) {							 
									 
				event.preventDefault();
				
				if($('#st_pl_vl').attr('value') == 1){
					
					$('#st_pl_vl').attr('value',0);
					$('#pl_ps').html('<img src="images/pouse.gif" id="cl_st_ps"/>');
					
				} else {
					
					$('#st_pl_vl').attr('value',1);
					$('#pl_ps').html('<img src="images/play.gif" id="cl_st_ps"/>');
					
					
				}
				
	})	

})
*/


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