window.addEvent('domready', function() {
	var currentIndex = 1;
	var imageCount = 5;
	
	var refresh = (function () {
		var nextIndex = (currentIndex % imageCount) + 1;
		fade('ss_image' + currentIndex, 'ss_image' + nextIndex);
		currentIndex = nextIndex;
	});
	
	var periodical = refresh.periodical(8000, this);
	
	function fade(from, to)
	{
		if(to == from) return;
		if($(from).fx){$(from).fx.stop();}
		if($(to).fx){$(to).fx.stop();}
		
		$(from).fx = $(from).effect('opacity', {duration: 2000}).start(0);
		$(to).fx = $(to).effect('opacity', {duration: 2000}).start(1);
	}
	
	$('ss_image1').setOpacity(1);
	$('ss_image2').setOpacity(0);
	$('ss_image3').setOpacity(0);
	$('ss_image4').setOpacity(0);
	$('ss_image5').setOpacity(0);
	
	$('ss_h_1').addEvent('click', function(e) {
		$clear(periodical);
		
		fade('ss_image' + currentIndex, 'ss_image1');
		currentIndex = 1;
	});
	$('ss_h_2').addEvent('click', function(e) {
		$clear(periodical);
		
		fade('ss_image' + currentIndex, 'ss_image2');
		currentIndex = 2;
	});
	$('ss_h_3').addEvent('click', function(e) {
		$clear(periodical);
		
		fade('ss_image' + currentIndex, 'ss_image3');
		currentIndex = 3;
	});
	$('ss_h_4').addEvent('click', function(e) {
		$clear(periodical);
		
		fade('ss_image' + currentIndex, 'ss_image4');
		currentIndex = 4;
	});
	$('ss_h_5').addEvent('click', function(e) {
		$clear(periodical);
		
		fade('ss_image' + currentIndex, 'ss_image5');
		currentIndex = 5;
	});
});