window.addEvent('domready', function() {
	var wrapper = $('wrapper');
	
	// wrapper am Anfang verstecken
	wrapper.fade('hide');
	
	// wrapper langsam zeigen
	for (var i = 1; i <= 10; i++)
	{
		wrapper.fade(i/10);
	}
	
	// wrapper schneller anzeigen
	//wrapper.fade('in');
	
	$$('.info').addClass('infojs');
	
	$$('.infoText').fade('hide');
	
	$$('.infojs').removeClass('info');
	
	// Objekt erzeugen
	var fadeIn = function(e) {
		$$('.infoText').fade('out');
		
		this.getElements('div.infoText').fade('in');
	}
	
	// die Menuelemente bei mouseover anzeigen
	$$('.infojs').addEvents({
		mouseenter: function(){
			// This morphes the opacity and backgroundColor
			$$('.infojs').addEvent('click', fadeIn);
		}
	});
	
	
	
	$$('.info-schliessen').addEvent('click', function(e) {
		// Es soll nicht beim Klicken neugeladen werden
		$$('.infojs').removeEvent('click', fadeIn);
		
		$$('.infoText').fade('out');
	});
});