var slideshow = {
	div: null,
	img: null,
	fx: null,
	totalCount: null,
	curCount: 2,
	prefix: null,
	init: function(divEl,tCount,pfx) {
		slideshow.div = $ES('#ss .images');
		slideshow.img = $ES('#ss .images img')[0];
		slideshow.prefix = 'images/ss/';
		slideshow.totalCount = 2;
		slideshow.fx = new Fx.Styles(slideshow.img, {duration:2000, wait: true});
		setTimeout(slideshow.next, 5000);
	},
	next: function() {
		var tmpImg = new Image();
		tmpImg.onload = function() {
			if (slideshow.img.getStyle('opacity') > 0) { // if img is showing load div w/img and fade out img
				op = 0;
				slideshow.div.setStyle('background-image','url(' + this.src + ')');
				slideshow.fx.start({
					'opacity': op,
					'width': 550,
					'height': 367
				});
			} else { //else load image, fade in
				op = 1;
				slideshow.img.setStyles({
					'width': 550,
					'height': 367
				});
				slideshow.img.src = this.src;
				slideshow.fx.start({
					'opacity': op,
					'width': 420,
					'height': 280
				});
			}
			slideshow.curCount++;
			setTimeout(slideshow.next, 7000);
		}
		tmpImg.onerror = function() {
			slideshow.curCount = 1;
			setTimeout(slideshow.next, 0);
		}
		tmpImg.src = slideshow.prefix + slideshow.curCount + '.jpg';
	}
}

window.addEvent('domready', slideshow.init );