window.addEvent('domready', function() {
	var divs = [
		$('servicevip'),
		$('serviceluxury'),
		$('serviceleadingreal')
	];
	new Crossfade(divs, 4200);

	divs = [
		$('magazinvonplauen'),
		$('magazinluxury')
	];
	new Crossfade(divs, 4200);
});

var Crossfade = new Class({

	initialize: function(divs, timeout) {
		this.divs = divs
		this.pos = 0;
		this.maxpos = divs.length - 1;
		window.setInterval(this.change.bind(this), timeout);
	},

	change: function() {
		var oldpos = this.pos;
		this.pos++;
		this.pos = this.pos > this.maxpos ? 0 : this.pos;
		var oldDiv = this.divs[oldpos];
		var newDiv = this.divs[this.pos];

		newDiv.setStyles({
			'display': 'block',
			'opacity': '0'
		});

		oldDiv.morph({
			opacity: 0
		});
		newDiv.morph({
			opacity: 1
		});
	}
});