// "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()", 3000);
	
	
	/*
	$('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()", 3000);	
}