var Showroom = new Class({
	status: true,
	initialize: function() {
		this.container = $('custominst');
		this.pos = 1;
		this.max = 4;
		setTimeout('showroom.start();', 3500);
	},
	start: function() {
		this.container.getElements('img').each(function(element){
			element.setStyle('z-index', '10');
		});
		var las = $('showimg'+this.pos);

		las.setStyle('z-index', '100');
		
		this.pos = (this.pos+1)>this.max ? 1 : this.pos+1;
			
		if (!$chk($('showimg'+this.pos))) {
			var img = new Element('img', {'src': '/images/pages/custom-installation/show'+this.pos+'.jpg','width': '657px', 'height': '438px', 'alt': '', 'id': 'showimg'+this.pos, 'styles': {'opacity': 0, 'top': 0, 'left': 0}});
			img.inject(this.container);
			var cur = $('showimg'+this.pos);
			cur.setStyle('z-index', '200');
			img.addEvent('load', function() { showroom.fade(cur); });
		} else  {
			var cur = $('showimg'+this.pos);
			cur.setStyles({'opacity': 0, 'z-index': '200'});
			this.fade(cur);
		}
	},
	fade: function(cur) {
		var fx = new Fx.Tween(cur, {duration: 2500});
		fx.start('opacity', 1);
		
		showroom.theTimer = setTimeout('showroom.start();', 3500);
	}
});

var showroom;

window.addEvent('domready', function() {
	showroom = new Showroom;
});