// "global" variables

var current_frame = images_count = 0;

var lame_slider;

var c=0;

var t;



document.observe('dom:loaded', function()

{

	// loop thru all images and hide them

	lame_slider = $('slider').getElementsByTagName('li');

	for(i=0;i<lame_slider.length;i++)

		if(i!=0) lame_slider[i].style.display = 'none';

	images_count = lame_slider.length -1;



	// hook click events on prev and next buttons

	Effect.Appear(lame_slider[current_frame]);	

	setTimeout("slide()", 10000);

	

	

	/*

	$('next').observe('click',setTimeout(slide('fw'),5000));

	$('prev').observe('click',function() { slide('back');});

	*/

});



function slide()

{

	// hide current image

	Effect.Fade(lame_slider[current_frame]);

	

	if (current_frame == images_count) { current_frame = 0; } else { current_frame++; }

	

	// and show next or previous

	Effect.Appear(lame_slider[current_frame]);	

	

	setTimeout("slide()", 10000);	

}