/**
 * @author dao
 */
var slides1 = []
var slides2 = []
var slides3 = []
var ss1 = Class.empty;
var ss2 = Class.empty;
var ss3 = Class.empty;
var period = 5000;

window.addEvent('domready', function(e){
	slides1 = $$('.leftImg').fade('hide');
	slides2 = $$('.centerImg').fade('hide');
	slides3 = $$('.rightImg').fade('hide');
	slides1.each(function(slide, index){
		var image = slide.getFirst();
	});
	slides2.each(function(slide, index){
		var image = slide.getFirst();
	});
	slides3.each(function(slide, index){
		var image = slide.getFirst();
	});
	ss1 = new SimpleSlideShow({
		slides: slides1,
		crossFadeOptions: {
			duration: 1500,
			transition: 'sine:out'
		},
		onSlideClick: function(e){ new Event(e)();
		}
	});
	ss2 = new SimpleSlideShow({
		slides: slides2,
		crossFadeOptions: {
			duration: 1500,
			transition: 'sine:out'
		},
		onSlideClick: function(e){ new Event(e)();
	}		
	});
	ss3 = new SimpleSlideShow({
		slides: slides3,
		crossFadeOptions: {
			duration: 1500,
			transition: 'sine:out'
		},
		onSlideClick: function(e){ new Event(e)();
	}		
	});

	ss1.cycleForward.periodical(period, ss1);
	ss2.cycleForward.periodical(period, ss2);
	ss3.cycleForward.periodical(period, ss3);
});