window.addEvent('domready', function() {
	var slideshow=$('slideshow');
	var ctrls=$$('#slideshow-ctrls li');

	var items=slideshow.getElements('> li');
	items.fade('hide')
		.setStyle('display', 'block')
		.fade('hide');

	if (ctrls.length>0) ctrls[0].addClass('selected');

	var index=-1;
	var pindex=null;

	var swt=function() {
		var next=items[index];
		var prev=items[pindex];

		if (prev) {
			prev.fade(0);
			ctrls[pindex].removeClass('selected');
		}

		ctrls[index].addClass('selected');
		next.fade(1);

		pindex=index;
	};

	var func=function() {
		index=(index+1)%items.length;
		swt();
	};
	
	func();
	var timer=func.periodical(5000);

	ctrls.each(function(el, i) {
		el.addEvents({
			click: function() {
				clearInterval(timer);
				timer=func.periodical(5000);
				index=i;
				swt();
			}
		});
	})
});