//Zufallszahl für Fraben und Transparenz der Logo-Animation
var randomColor = Math.floor(Math.random()*7);
var randomOpacity = Math.floor(Math.random()*4);
var imageZahl = Math.floor(Math.random()*5+1);

//Zufallszahlen für Verstaz der Logo-Animation
var i = Math.floor(Math.random()*2);
var j = Math.floor(Math.random()*2);
var k = Math.floor(Math.random()*2);
var l = Math.floor(Math.random()*2);

var IE='\v'=='v';

//Arrays für Opacity-Werte und Farbwerte
var opacity=new Array();
opacity[0]="0.4";
opacity[1]="0.5";
opacity[2]="0.6";
opacity[3]="0.7";

var color=new Array();
color[0]="#e5352d";
color[1]="#3aaadc";
color[2]="#2ead9e";
color[3]="#97c91f";
color[4]="#e7511e";
color[5]="#a10d59";
color[6]="#632181";

//Arrays für die Werte für den Versatz der Logo-Animation
var xVersatzDivOdd = new Array();
xVersatzDivOdd[0] = - 12;
xVersatzDivOdd[1] = + 12;

var yVersatzDivOdd = new Array();
yVersatzDivOdd[0] = + 12;
yVersatzDivOdd[1] = - 12;

var xVersatzDivEven = new Array();
xVersatzDivEven[0] = + 12;
xVersatzDivEven[1] = - 12;

var yVersatzDivEven = new Array();
yVersatzDivEven[0] = - 12;
yVersatzDivEven[1] = + 12;

var xVersatzDivOdd2 = new Array();
xVersatzDivOdd2[0] = - 10;
xVersatzDivOdd2[1] = + 10;

var yVersatzDivOdd2 = new Array();
yVersatzDivOdd2[0] = + 10;
yVersatzDivOdd2[1] = - 10;

var xVersatzDivEven2 = new Array();
xVersatzDivEven2[0] = + 10;
xVersatzDivEven2[1] = - 10;

var yVersatzDivEven2 = new Array();
yVersatzDivEven2[0] = - 10;
yVersatzDivEven2[1] = + 10;

//Zufallszahl für Versatz der Div-Text-Box #text1 auf der Teamseite 
var m = Math.floor(Math.random()*3);
var n = Math.floor(Math.random()*20);

var teamDiv1XAchse = new Array();
teamDiv1XAchse[0] = 0;
teamDiv1XAchse[1] = - 5;
teamDiv1XAchse[2] = + 5;

var teamDiv1YAchse = new Array();
teamDiv1YAchse[0] = - 10;
teamDiv1YAchse[1] = - 20;
teamDiv1YAchse[2] = - 30;
teamDiv1YAchse[3] = - 40;
teamDiv1YAchse[4] = - 50;
teamDiv1YAchse[5] = - 60;
teamDiv1YAchse[6] = - 70;
teamDiv1YAchse[7] = - 80;
teamDiv1YAchse[8] = - 90;
teamDiv1YAchse[9] = - 100;

teamDiv1YAchse[10] = + 10;
teamDiv1YAchse[11] = + 20;
teamDiv1YAchse[12] = + 30;
teamDiv1YAchse[13] = + 40;
teamDiv1YAchse[14] = + 50;
teamDiv1YAchse[15] = + 60;
teamDiv1YAchse[16] = + 70;
teamDiv1YAchse[17] = + 80;
teamDiv1YAchse[19] = + 90;
teamDiv1YAchse[19] = + 100;


//Zufallszahl für Versatz der Div-Text-Box #text2 auf der Teamseite 
var o = Math.floor(Math.random()*3);
var p = Math.floor(Math.random()*20);

var teamDiv2XAchse = new Array();
teamDiv2XAchse[0] = 0;
teamDiv2XAchse[1] = - 5;
teamDiv2XAchse[2] = + 5;

var teamDiv2YAchse = new Array();
teamDiv2YAchse[0] = - 10;
teamDiv2YAchse[1] = - 20;
teamDiv2YAchse[2] = - 30;
teamDiv2YAchse[3] = - 40;
teamDiv2YAchse[4] = - 50;
teamDiv2YAchse[5] = - 60;
teamDiv2YAchse[6] = - 70;
teamDiv2YAchse[7] = - 80;
teamDiv2YAchse[8] = - 90;
teamDiv2YAchse[9] = - 100;

teamDiv2YAchse[10] = + 10;
teamDiv2YAchse[11] = + 20;
teamDiv2YAchse[12] = + 30;
teamDiv2YAchse[13] = + 40;
teamDiv2YAchse[14] = + 50;
teamDiv2YAchse[15] = + 60;
teamDiv2YAchse[16] = + 70;
teamDiv2YAchse[17] = + 80;
teamDiv2YAchse[18] = + 90;
teamDiv2YAchse[19] = + 100;

//Zufallszahl für Versatz der Div-Text-Box #text3 auf der Teamseite 
var r = Math.floor(Math.random()*3);
var s = Math.floor(Math.random()*20);

var teamDiv3XAchse = new Array();
teamDiv3XAchse[0] = 0;
teamDiv3XAchse[1] = - 5;
teamDiv3XAchse[2] = + 5;

var teamDiv3YAchse = new Array();
teamDiv3YAchse[0] = - 10;
teamDiv3YAchse[1] = - 20;
teamDiv3YAchse[2] = - 30;
teamDiv3YAchse[3] = - 40;
teamDiv3YAchse[4] = - 50;
teamDiv3YAchse[5] = - 60;
teamDiv3YAchse[6] = - 70;
teamDiv3YAchse[7] = - 80;
teamDiv3YAchse[8] = - 90;
teamDiv3YAchse[9] = - 100;
teamDiv3YAchse[10] = + 10;
teamDiv3YAchse[11] = + 20;
teamDiv3YAchse[12] = + 30;
teamDiv3YAchse[13] = + 40;
teamDiv3YAchse[14] = + 50;
teamDiv3YAchse[15] = + 60;
teamDiv3YAchse[16] = + 70;
teamDiv3YAchse[17] = + 80;
teamDiv3YAchse[18] = + 90;
teamDiv3YAchse[19] = + 100;

$(document).ready(function(){
	
	if($('body').hasClass('start')){
		//Startseiteanimation
		$('#image1').delay(1800).animate({top:"300px",left:"110px"}, {duration:800, easing:'easeOutSine'});
		$('#image2').delay(1600).animate({top:"5px",left:"710px"}, {duration:700, easing:'easeOutSine'});
		$('#image3').delay(1500).animate({top:"5px",left:"620px"}, {duration:1000, easing:'easeOutSine'});
		$('#image4').delay(1800).animate({top:"35px",left:"50px"}, {duration:1200, easing:'easeOutSine'});
		$('#image5').delay(1600).animate({top:"125px",left:"20px"}, {duration:900, easing:'easeOutSine'});
		$('#image6').delay(1400).animate({top:"225px",left:"735px"}, {duration:800, easing:'easeOutSine'});
		$('#image7').delay(1500).animate({top:"255px",left:"10px"}, {duration:1000, easing:'easeOutSine'});
		$('#image8').delay(1800).animate({top:"225px",left:"645px"}, {duration:700, easing:'easeOutSine'});
		
		$(".animate").draggable({stack:'.animate', containment:'parent', cursor:'pointer'});
		$(this).data('draggable').offset.click.top -= x;
		}
		
		//Logoanimation für alle Unterseiten
		
		if($('body').hasClass('logo') && IE == true){
			$('#logoAnimation').css("background-image", 'url(/static/img/ie8_logo/ie8_'+imageZahl+'.png)');
		}
		
		if($('body').hasClass('logo') && IE == false){
		
			$('#logoAnimation').css("backgroundImage", "none");
			
			$('#div1').show().rotate(80);
			$('#div2').show().rotate(5);
			$('#div3').show().rotate(65);
			$('#div4').show().rotate(35);
			$('#div5').show().rotate(110);
			$('#div6').show().rotate(5);
			$('#div7').show().rotate(70);
			$('#div8').show().rotate(55);
		
		//******----******BEWEGUNG NUMMER 1******----******//
		var div1CSSLeft = $('#div1').css('left');
		var div1PositionLeft = parseInt(div1CSSLeft);
		
		var div1CSSTop = $('#div1').css('top');
		var div1PositionTop = parseInt(div1CSSTop);
		
		var left1 = div1PositionLeft + xVersatzDivOdd[i] + "px";
		var top1 = div1PositionTop + yVersatzDivOdd[j] + "px";

		var div2CSSLeft = $('#div2').css('left');
		var div2PositionLeft = parseInt(div2CSSLeft);
		
		var div2CSSTop = $('#div2').css('top');
		var div2PositionTop = parseInt(div2CSSTop);
		
		var left2 = div2PositionLeft + xVersatzDivEven[i] + "px";
		var top2 = div2PositionTop + yVersatzDivEven[j] + "px";
			
		var div3CSSLeft = $('#div3').css('left');
		var div3PositionLeft = parseInt(div3CSSLeft);
		
		var div3CSSTop = $('#div3').css('top');
		var div3PositionTop = parseInt(div3CSSTop);
		
		var left3 = div3PositionLeft + xVersatzDivOdd[i] + "px";
		var top3 = div3PositionTop + yVersatzDivOdd[j] + "px";
		
		var div4CSSLeft = $('#div4').css('left');
		var div4PositionLeft = parseInt(div4CSSLeft);
		
		var div4CSSTop = $('#div4').css('top');
		var div4PositionTop = parseInt(div4CSSTop);
		
		var left4 = div4PositionLeft + xVersatzDivEven[i] + "px";
		var top4 = div4PositionTop + yVersatzDivEven[j] + "px";
		
		var div5CSSLeft = $('#div5').css('left');
		var div5PositionLeft = parseInt(div5CSSLeft);
		
		var div5CSSTop = $('#div5').css('top');
		var div5PositionTop = parseInt(div5CSSTop);
		
		var left5 = div5PositionLeft + xVersatzDivOdd[i] + "px";
		var top5 = div5PositionTop + yVersatzDivOdd[j] + "px";
		
		var div6CSSLeft = $('#div6').css('left');
		var div6PositionLeft = parseInt(div6CSSLeft);
		
		var div6CSSTop = $('#div6').css('top');
		var div6PositionTop = parseInt(div6CSSTop);
		
		var left6 = div6PositionLeft + xVersatzDivEven[i] + "px";
		var top6 = div6PositionTop + yVersatzDivEven[j] + "px";
		
		var div7CSSLeft = $('#div7').css('left');
		var div7PositionLeft = parseInt(div7CSSLeft);
		
		var div7CSSTop = $('#div7').css('top');
		var div7PositionTop = parseInt(div7CSSTop);
		
		var left7 = div7PositionLeft + xVersatzDivOdd[i] + "px";
		var top7 = div7PositionTop + yVersatzDivOdd[j] + "px";
		
		var div8CSSLeft = $('#div8').css('left');
		var div8PositionLeft = parseInt(div8CSSLeft);
		
		var div8CSSTop = $('#div8').css('top');
		var div8PositionTop = parseInt(div8CSSTop);
		
		var left8 = div8PositionLeft + xVersatzDivEven[i] + "px";
		var top8 = div8PositionTop + yVersatzDivEven[j] + "px";
		
		//******----******BEWEGUNG NUMMER 2******----******//
		var div1CSSLeftNr2 = $('#div1').css('left');
		var div1PositionLeftNr2 = parseInt(div1CSSLeftNr2);
		
		var div1CSSTopNr2 = $('#div1').css('top');
		var div1PositionTopNr2 = parseInt(div1CSSTopNr2);
		
		var left1Nr2 = div1PositionLeftNr2 + xVersatzDivOdd[k] + "px";
		var top1Nr2 = div1PositionTopNr2 + yVersatzDivOdd[l] + "px";

		var div2CSSLeftNr2 = $('#div2').css('left');
		var div2PositionLeftNr2 = parseInt(div2CSSLeftNr2);
		
		var div2CSSTopNr2 = $('#div2').css('top');
		var div2PositionTopNr2 = parseInt(div2CSSTopNr2);
		
		var left2Nr2 = div2PositionLeftNr2 + xVersatzDivEven[k] + "px";
		var top2Nr2 = div2PositionTopNr2 + yVersatzDivEven[l] + "px";

		var div3CSSLeftNr2 = $('#div3').css('left');
		var div3PositionLeftNr2 = parseInt(div3CSSLeftNr2);
		
		var div3CSSTopNr2 = $('#div3').css('top');
		var div3PositionTopNr2 = parseInt(div3CSSTopNr2);
		
		var left3Nr2 = div3PositionLeftNr2 + xVersatzDivOdd[k] + "px";
		var top3Nr2 = div3PositionTopNr2 + yVersatzDivOdd[l] + "px";

		var div4CSSLeftNr2 = $('#div4').css('left');
		var div4PositionLeftNr2 = parseInt(div4CSSLeftNr2);
		
		var div4CSSTopNr2 = $('#div4').css('top');
		var div4PositionTopNr2 = parseInt(div4CSSTopNr2);
		
		var left4Nr2 = div4PositionLeftNr2 + xVersatzDivEven[k] + "px";
		var top4Nr2 = div4PositionTopNr2 + yVersatzDivEven[l] + "px";

		var div5CSSLeftNr2 = $('#div5').css('left');
		var div5PositionLeftNr2 = parseInt(div5CSSLeftNr2);
		
		var div5CSSTopNr2 = $('#div5').css('top');
		var div5PositionTopNr2 = parseInt(div5CSSTopNr2);
		
		var left5Nr2 = div5PositionLeftNr2 + xVersatzDivOdd[k] + "px";
		var top5Nr2 = div5PositionTopNr2 + yVersatzDivOdd[l] + "px";

		var div6CSSLeftNr2 = $('#div6').css('left');
		var div6PositionLeftNr2 = parseInt(div6CSSLeftNr2);
		
		var div6CSSTopNr2 = $('#div6').css('top');
		var div6PositionTopNr2 = parseInt(div6CSSTopNr2);
		
		var left6Nr2 = div6PositionLeftNr2 + xVersatzDivEven[k] + "px";
		var top6Nr2 = div6PositionTopNr2 + yVersatzDivEven[l] + "px";

		var div7CSSLeftNr2 = $('#div7').css('left');
		var div7PositionLeftNr2 = parseInt(div7CSSLeftNr2);
		
		var div7CSSTopNr2 = $('#div7').css('top');
		var div7PositionTopNr2 = parseInt(div7CSSTopNr2);
		
		var left7Nr2 = div7PositionLeftNr2 + xVersatzDivOdd[k] + "px";
		var top7Nr2 = div7PositionTopNr2 + yVersatzDivOdd[l] + "px";

		var div8CSSLeftNr2 = $('#div8').css('left');
		var div8PositionLeftNr2 = parseInt(div8CSSLeftNr2);
		
		var div8CSSTopNr2 = $('#div8').css('top');
		var div8PositionTopNr2 = parseInt(div8CSSTopNr2);
		
		var left8Nr2 = div8PositionLeftNr2 + xVersatzDivEven[k] + "px";
		var top8Nr2 = div8PositionTopNr2 + yVersatzDivEven[l] + "px";
		
		
	 	$('#div1').delay(800).animate({backgroundColor:color[randomColor], opacity:opacity[randomOpacity], left:left1, top:top1},{duration:3000, easing:'easeOutSine'}).animate({opacity:opacity[randomOpacity], left:left1Nr2, top:top1Nr2},{duration:3000, easing:'easeOutSine'}).animate({opacity:opacity[randomOpacity], left:div1PositionLeft+"px", top:div1PositionTop+"px"},{duration:3000, easing:'easeOutSine'});
	
		$('#div2').delay(900).animate({backgroundColor:color[randomColor], opacity:opacity[randomOpacity], left:left2, top:top2},{duration:3000, easing:'easeOutSine'}).animate({opacity:opacity[randomOpacity], left:left2Nr2, top:top2Nr2},{duration:3000, easing:'easeOutSine'}).animate({opacity:opacity[randomOpacity], left:div2PositionLeft+"px", top:div2PositionTop+"px"},{duration:3000, easing:'easeOutSine'});
		
		$('#div3').delay(1250).animate({backgroundColor:color[randomColor], opacity:opacity[randomOpacity], left:left3, top:top3},{duration:3000, easing:'easeOutSine'}).animate({opacity:opacity[randomOpacity], left:left3Nr2, top:top3Nr2},{duration:3000, easing:'easeOutSine'}).animate({opacity:opacity[randomOpacity], left:div3PositionLeft+"px", top:div3PositionTop+"px"},{duration:3000, easing:'easeOutSine'});
		
		$('#div4').delay(1200).animate({backgroundColor:color[randomColor], opacity:opacity[randomOpacity], left:left4, top:top4},{duration:3000, easing:'easeOutSine'}).animate({opacity:opacity[randomOpacity], left:left4Nr2, top:top4Nr2},{duration:3000, easing:'easeOutSine'}).animate({opacity:opacity[randomOpacity], left:div4PositionLeft+"px", top:div4PositionTop+"px"},{duration:3000, easing:'easeOutSine'});
		
		$('#div5').delay(1500).animate({backgroundColor:color[randomColor], opacity:opacity[randomOpacity], left:left5, top:top5},{duration:3000, easing:'easeOutSine'}).animate({opacity:opacity[randomOpacity], left:left5Nr2, top:top5Nr2},{duration:3000, easing:'easeOutSine'}).animate({opacity:opacity[randomOpacity], left:div5PositionLeft+"px", top:div5PositionTop+"px"},{duration:3000, easing:'easeOutSine'});
		
		$('#div6').delay(1000).animate({backgroundColor:color[randomColor], opacity:opacity[randomOpacity], left:left6, top:top6},{duration:2000, easing:'easeOutSine'}).animate({opacity:opacity[randomOpacity], left:left6Nr2, top:top6Nr2},{duration:2000, easing:'easeOutSine'}).animate({opacity:opacity[randomOpacity], left:div6PositionLeft+"px", top:div6PositionTop+"px"},{duration:2000, easing:'easeOutSine'});
		
		$('#div7').delay(1300).animate({backgroundColor:color[randomColor], opacity:opacity[randomOpacity], left:left7, top:top7},{duration:3000, easing:'easeOutSine'}).animate({opacity:opacity[randomOpacity], left:left7Nr2, top:top7Nr2},{duration:3000, easing:'easeOutSine'}).animate({opacity:opacity[randomOpacity], left:div7PositionLeft+"px", top:div7PositionTop+"px"},{duration:3000, easing:'easeOutSine'});
		
		$('#div8').delay(1050).animate({backgroundColor:color[randomColor], opacity:opacity[randomOpacity], left:left8, top:top8},{duration:3000, easing:'easeOutSine'}).animate({opacity:opacity[randomOpacity], left:left8Nr2, top:top8Nr2},{duration:3000, easing:'easeOutSine'}).animate({opacity:opacity[randomOpacity], left:div8PositionLeft+"px", top:div8PositionTop+"px"},{duration:3000, easing:'easeOutSine'});
	}	
	
	if($('body').hasClass('team')){
		//Animation Teamseite
		
		$('#teamseite').append('<div id="hintergrund1"></div>');
		$('#teamseite').append('<div id="hintergrund2"></div>');
		$('#teamseite').append('<div id="hintergrund3"></div>');
		$('#teamseite').append('<div id="hintergrund4"></div>');
		$('#teamseite').append('<div id="hintergrund5"></div>');

	
		//Drehung der Hintergrund Divs auf der Teamseite
		$('#hintergrund1').rotate(320);
		$('#hintergrund2').rotate(20);
		$('#hintergrund3').rotate(310);
		$('#hintergrund4').rotate(240);
		$('#hintergrund5').rotate(200);
	
		//Bewegung des Text-Div #teamTextBlock1 auf der Teamseite
		var leftTeam1 = 25 + teamDiv3XAchse[r] + "px";
		var topTeam1 = 150 + teamDiv3YAchse[s] + "px";
		
		//Bewegung des Text-Div #teamTextBlock2 auf der Teamseite
		var leftTeam2 = 250 + teamDiv1XAchse[m] + "px";
		var topTeam2 = 150 + teamDiv1YAchse[n] + "px";
		
		//Bewegung des Text-Div #teamTextBlock3 auf der Teamseite
		var leftTeam3 = 540 + teamDiv2XAchse[o] + "px";
		var topTeam3 = 150 + teamDiv2YAchse[p] + "px";
			
		
		//Animation Divs Teamseite
		$('#teamTextBlock1').fadeIn('slow').animate({left:leftTeam1, top:topTeam1}, {duration:1200, easing:'easeOutSine'});
		$('#teamTextBlock2').fadeIn('slow').animate({left:leftTeam2, top:topTeam2}, {duration:1500, easing:'easeOutSine'});
		$('#teamTextBlock3').fadeIn('slow').animate({left:leftTeam3, top:topTeam3}, {duration:1700, easing:'easeOutSine'});
		$('#hintergrund1').fadeIn('slow').animate({left:'75px', top:'185px'}, {duration:1000, easing:'easeOutSine'});
		$('#hintergrund2').fadeIn('slow').animate({left:'325px', top:'230px'}, {duration:1400, easing:'easeOutSine'});
		$('#hintergrund3').fadeIn('slow').animate({left:'315px', top:'130px'}, {duration:1300, easing:'easeOutSine'});
		$('#hintergrund4').fadeIn('slow').animate({left:'290px', top:'295px'}, {duration:1200, easing:'easeOutSine'});
		$('#hintergrund5').fadeIn('slow').animate({left:'530px', top:'225px'}, {duration:1500, easing:'easeOutSine'});
	}
	
	if($('body').hasClass('kontakt')){
		//Animation der Boxen auf der Kontaktseite
		$('#teamseite').append('<div id="hintergrund1"></div>');
		$('#teamseite').append('<div id="hintergrund2"></div>');
		$('#teamseite').append('<div id="hintergrund3"></div>');
		$('#teamseite').append('<div id="hintergrund4"></div>');
		$('#teamseite').append('<div id="hintergrund5"></div>');

	
		//Drehung der Hintergrund Divs auf der Kontaktseite
		$('#teamTextBlock3').rotate(15);
		$('#hintergrund1').rotate(350);
		$('#hintergrund2').rotate(20);
		$('#hintergrund3').rotate(60);
		$('#hintergrund4').rotate(35);
		$('#hintergrund5').rotate(150);			
		
		//Animation Divs Kontaktseite
		$('#teamTextBlock1').fadeIn('slow').animate({left:'186px', top:'100px'}, {duration:1200, easing:'easeOutSine'});
		$('#teamTextBlock2').fadeIn('slow').animate({left:'525px', top:'330px'}, {duration:1500, easing:'easeOutSine'});
		$('#teamTextBlock3').fadeIn('slow').animate({left:'25px', top:'105px'}, {duration:1300, easing:'easeOutSine'});
		$('#hintergrund1').fadeIn('slow').animate({left:'-5px', top:'220px'}, {duration:1000, easing:'easeOutSine'});
		$('#hintergrund2').fadeIn('slow').animate({left:'380px', top:'255px'}, {duration:1700, easing:'easeOutSine'});
		$('#hintergrund3').fadeIn('slow').animate({left:'240px', top:'80px'}, {duration:1400, easing:'easeOutSine'});
		$('#hintergrund4').fadeIn('slow').animate({left:'30px', top:'210px'}, {duration:1200, easing:'easeOutSine'});
		$('#hintergrund5').fadeIn('slow').animate({left:'395px', top:'315px'}, {duration:1600, easing:'easeOutSine'});
	}
		
	if($('body').hasClass('projekte')){
		//Animation Projektseite
		$('#animation2').hide();
		
		var lastDiv = $('div#hauptSpalte div').last().parent().attr('id');
		var anz = lastDiv.substr(11);
		var status = 1;
		var linkeStapelHoehe=0;
		var rechteStapelHoehe=anz -1;
		
		//Z Index für die #hauptSpalten Divs
		var wertZIndex = anz;
		for (i = 1; i <= anz; i++){
			$('#hauptSpalte'+i).css({zIndex:anz-i+1});
		}

		//Position, Größe und Rotation der #hauptSpalten Divs
		var rechtsTop = 210;
		var rechtsLeft= 480;
		
		
	    for (i = 2; i <= anz; i++){
			var stapelDrehung = Math.floor(Math.random()*3+1);
			var	wertRechtsTop = rechtsTop +(5*(i-1));
			var	wertRechtsLeft = rechtsLeft +(5*(i-1));
			var wertDegree = 10 -(stapelDrehung*i);
			
			$('#hauptSpalte'+i).css({width:'200px', height:'133px', top:wertRechtsTop, left:wertRechtsLeft, padding:'11px'}).rotate(wertDegree);
		}
		
		//Einblenden der Divs mit Bildinhalten, weil diese per CSS ausgeblendet sind
		$('.classhauptSpalte').show();
		
		//Funktionen für die vier Animationsschritte
			var linksTop = 70;
			var linksLeft = -15;
			
			function nachLinks(Nr1) {
				
				var wertLinksTop = linksTop + (5*(linkeStapelHoehe+1));
				var wertLinksLeft = linksLeft - (5*(linkeStapelHoehe+1));
				var wertDegree = (355 - 2*(linkeStapelHoehe+1));
				
				$('#hauptSpalte'+Nr1).animate({width:'300px', height:'200px', left:wertLinksLeft, top:wertLinksTop, padding:'15px', opacity:'0.7'}, {duration:500, easing:'easeOutSine'}).rotate(wertDegree);
				$('#hauptSpalte'+Nr1+' p').animate({fontSize:'10px'});
				$('#hauptSpalte'+Nr1+' h1').animate({fontSize:'11px'});
				linkeStapelHoehe++;
				
				if(linkeStapelHoehe >= 1){
					$('#animation2').show();
				}
			}
			
			function nachLinksMitte(Nr2) {
				$('#hauptSpalte'+Nr2).animate({width:'406px', height:'271px', padding:'22px', left:'200px', top:'85px'}, {duration:500, easing:'easeOutSine'}).rotate(0);
				$('#hauptSpalte'+Nr2).css({zIndex:anz});
				rechteStapelHoehe--;
				if(rechteStapelHoehe == 0){
					$('#animation1').hide();
				}
			}
			
			function nachRechtsMitte(Nr3) {
				$('#hauptSpalte'+Nr3).animate({width:'406px', height:'271px', padding:'22px', left:'200px', top:'85px', opacity:'0.9'}, {duration:500, easing:'easeOutSine'}).rotate(0);
				$('#hauptSpalte'+Nr3).css({zIndex:anz});
				$('#hauptSpalte'+Nr3).removeClass('kleinereSchrift');
				$('#hauptSpalte'+Nr3+' p').animate({fontSize:'12px'});
				$('#hauptSpalte'+Nr3+' h1').animate({fontSize:'13px'});
				linkeStapelHoehe--;
				
				if(linkeStapelHoehe == 0){
					$('#animation2').hide();
				}
			}
			
			var rechtsTop2 = 210+(anz*5);
			var rechtsLeft2 = 480+(anz*5);
			
			function nachRechts(Nr4) {
				var stapelDrehung2 = Math.floor(Math.random()*3+1);
				var	wertRechtsTop2 = rechtsTop2 -(5*(rechteStapelHoehe+1));
				var	wertRechtsLeft2 = rechtsLeft2 -(5*(rechteStapelHoehe+1));
				var Neigungswinkel= 10-((parseInt(anz)-rechteStapelHoehe)*stapelDrehung2);

				$('#hauptSpalte'+Nr4).animate({width:'200px', height:'133px', top:wertRechtsTop2, left:wertRechtsLeft2, padding:'11px'}, {duration:500, easing:'easeOutSine'}).rotate(Neigungswinkel);
				$('#hauptSpalte'+Nr4).css({zIndex:rechteStapelHoehe+1});
				rechteStapelHoehe++;
				
				if(rechteStapelHoehe > 0){
					$('#animation1').show();
				}
			}
			
			//Animation der Divs bei Klick auf den Pfeil nach Links
			var Nr1 = null;
			var Nr2 = null;
			$('#animation1').click(function(){
				Nr1 = status;
				Nr2 = status +1;
				nachLinks(Nr1);
				nachLinksMitte(Nr2);
				status ++;
			});
			
			//Animation der Divs bei Klick auf den Pfeil nach Rechts
			var Nr3 = null;
			var Nr4 = null;
			$('#animation2').click(function(){
				Nr3 = status -1;
				Nr4 = status;
				nachRechtsMitte(Nr3);
				nachRechts(Nr4);
				status --;
			});
			
	}
	
});