// JavaScript Document
 var status = {
		'true': 'open',
		'false': 'close'
	};
	
	
		  

window.addEvent('domready', function() {
			 
	
	
	
	
	var Teaser = document.id('teaser');
	var Button = document.id('main3');
	var Main2 = document.id('main2');
	var Hilfe = document.id('hilfe');
	var gucker2 = document.id('gucker');
	var	Kontakter = document.id('Kontakt');
		
/** 1. ======================================================================== **/									 		
var teaser = new Fx.Slide(Teaser,  {duration: 2000, transition: Fx.Transitions.Linear});
var teaser2 = new Fx.Morph(Teaser, {duration: 2000, transition: Fx.Transitions.Linear});
var vorschau2 = new Fx.Morph(Main2, {duration: 1500, transition: Fx.Transitions.Linear});
var hilfe = new Fx.Morph(Hilfe, {duration:2000, transition: Fx.Transitions.Linear});
var x = new Chain();	
 var guck = new Fx.Morph(gucker2,  {duration: 2000, transition: Fx.Transitions.Linear});
 var guck2 = new Fx.Slide(gucker2,  {duration: 2000, transition: Fx.Transitions.Linear});
	var myKontakt = new Fx.Tween(Kontakter, {property: 'opacity', duration: 100});

	/** ========================================================================Events zuweisen **/	
	
	status = open;
	
guck2.hide();
gucker2.addEvent('click', function(e) {
								    myKontakt.start( 1,0);
								  	 guck2.toggle().chain(function(){
					
		 teaser2.start({
				   'height':442
				   }); 
					   
					   Kontakter.setStyle('top',-580);
					   (function(){
		 myKontakt.start(0,1)
					   }).delay(2000);
		 });
								 
								  });



				   
				 
																
});