window.addEvent('domready', function() {

	//Sub-Navigation fly in elastic
	var slideInSubnav = new Fx.Morph($('subnav'), {duration:1000, transition:'elastic:out'});
	slideInSubnav.start( {'margin-left': ['-1500', '-455']});
	
	//Button dragable
	new Drag($('button'), {
			   onComplete: function() {
				   moveClaim.start();
				   } 
			   });
	
	//Claim follows button
	var moveClaim = new Fx.Move($('claim'), {
		 relativeTo: $('button'), 
		 position: 'upperRight', 
		 edge: 'upperLeft', 
		 offset: {x:-5, y:20},
		 transition: Fx.Transitions.Quint.easeInOut,  //Quint, Elastic
		 duration: 2000
		 });
	moveClaim.start();
	
	//Infoleiste appear
	if (Browser.Engine.trident4) {
		$('info_leiste').setStyle('display', 'none');
		$('info_toggle_leiste').setStyle('display', 'none');
	}
	else {
		$('info_leiste').setStyle('display', 'none');
		$('info_toggle_leiste').setStyle('display', 'none');
		new Fx.Reveal($('info_toggle_leiste'), {duration:1000}).reveal();
	}
	
	//Infoleiste einblenden
	$('info_open').addEvent('click', function() {
		$('info_toggle_leiste').dissolve();
		$('info_leiste').reveal();
		});
	
	//Infoleiste einblenden
	$('info_close').addEvent('click', function() {
		$('info_leiste').dissolve();
		$('info_toggle_leiste').reveal();
		});

});