var slideDuration = 7000;
var fadeDuration = 1500;


var Showroom = new Class({
	status: true,
	initialize: function() {
		this.container = $('custominst');
		this.pos = 1;
		this.max = 2;
		setTimeout('showroom.start();', slideDuration / 2);
	},
	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/home/default.png','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: fadeDuration});
		fx.start('opacity', 1);
		
		showroom.theTimer = setTimeout('showroom.start();', slideDuration);
	}
});

var showroom;

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