var ss_dir = 'images/slideshow/';
var ss_pics = [
	'ss1.jpg',
	'ss2.jpg',
	'ss3.jpg',
	'ss4.jpg',
	'ss5.jpg',
	'ss6.jpg',
	'ss7.jpg',
	'ss8.jpg',
	'ss9.jpg'
];
var ss_imgs = new Array(ss_pics.length);
var ss_start = 0;
var ss_obj = null;

Event.observe(window,'load',function() {
	ss_obj = $('ssobj');
	ss_obj.src = ss_dir + ss_pics[ss_start];
	/* Preload images */
	for(var i = 0; i < ss_pics.length; i++) {
		ss_imgs[i] = new Image();
		ss_imgs[i].src = ss_dir + ss_pics[i];
	}
	/* start cycle */
	album.startup();
});

var album = {
	startup: function() {
		new PeriodicalExecuter(album.cycle, 5)
	},
	cycle: function() {
		new Effect.Fade(ss_obj, {
			duration: 1,
			fps: 50,
      		afterFinish: function() {
				ss_start = (ss_start+1) % ss_pics.length;
				ss_obj.src = ss_dir + ss_pics[ss_start];
				new Effect.Appear(ss_obj, {
					duration: 1,
					fps: 50,
					queue:'end'
				})
			}
		})
	}
}