jQuery().ready(function($){


	//tween the element with ID of "myID"
	
  	var colorArray = ['#afcb08','#efe215','#e2a800','#ff7b29','#d85300','#ac3f66','#872e7e','#822bcb','#623fe6','#495dc3','#5d86e4','#61bc7d','#658e47'];
	
	var cup_targets = new Array();
		 
	var numberOfIntern = $('.Intern').length; 
	console.log('INTERN:'+numberOfIntern);
	
	var counter = 0;
	
	var angleIncrement = 360 / numberOfIntern;
	var circleRadius = 125;
	var circleRadiusRem = 420;
	
	var xOffset = 690;
	var yOffset = 130;
	
	function paperPlane(){
		var inSlide = $('.anim-slide.views-row-1');
		TweenMax.to(inSlide, 1, {opacity: 1, ease:Power1.easeOut, delay: 1});
		
		var plane = $('#plane');
		var plane_shadow = $('#plane_shadow');
		var plane_trail = $('#plane_trail');
		TweenMax.to(plane, 4, {bezier:{type:"soft", values:[{left:372, top:350}, {left:446, top:262}, {left:580, top:218}, {left:651, top:144}, {left:706, top:113}]}, delay: 2,  ease:Power1.easeOut});
		TweenMax.to(plane_shadow, 4, {bezier:[{left:372, top:380}, {left:446, top:320}, {left:580, top:260}, {left:651, top:175}, {left:706, top:140}],  delay: 2, ease:Power1.easeOut});
		TweenMax.to(plane_trail, 4, {width: 407, ease:Power1.easeOut, delay: 2, onComplete:fade1});
 	
	}
	
	function fade1(){
		
		var outSlide = $('.anim-slide.views-row-1');
		var inSlide = $('.anim-slide.views-row-2');
		TweenMax.to(outSlide, 1, {opacity: 0, ease:Power1.easeOut, delay: 4});
		TweenMax.to(inSlide, 2, {opacity: 1, ease:Power1.easeOut, delay: 5});
		
		faecher();
	}
	
	
	function faecher(){
				
		var $thedelay = 6.25;
		var $therotation = 5;
		
		var faecher = $('#faecher');
		TweenMax.to(faecher ,0.5, {top: 70,rotation: 15, delay: 6, ease:Power2.easenOut,onComplete:fade2});	
		
		$( ".chipcontainer" ).each(function(index) {
		
		  $(this).css('z-index', 100-index );	
		  var thechip = $(this).find(".chiptop");
		  
		  
		  $(thechip).css('background-color', colorArray[index] );
		 
		     
		  
		  TweenMax.to(this ,1, {rotation: $therotation , delay:$thedelay, ease:Power2.easeInOut});
		  
		  $thedelay += 0.05;
		  $therotation += 28;
		  
		});
	}
	
	function fade2(){
		
		var outSlide = $('.anim-slide.views-row-2');
		var inSlide = $('.anim-slide.views-row-3');
		TweenMax.to(outSlide, 1, {opacity: 0, ease:Power1.easeOut, delay: 6});
		TweenMax.to(inSlide, 2, {opacity: 1, ease:Power1.easeOut, delay: 7, onComplete:setupTassen});
	}
	
	function setupTassen(){
		
		
		for (var i = 0; i < numberOfIntern; i++) {
		   	
		   	var target_coords = new Object(); 
		   	    
		    var x_d = Math.round((circleRadius * Math.cos((angleIncrement * i) * (Math.PI / 180) - Math.PI/2))) + xOffset;
		    var y_d = Math.round((circleRadius * Math.sin((angleIncrement * i) * (Math.PI / 180) - Math.PI/2))) + yOffset;
		    	    
		    var x_o = Math.round((circleRadiusRem * Math.cos((angleIncrement * i) * (Math.PI / 180) - Math.PI/1.5))) + xOffset;
		    var y_o = Math.round((circleRadiusRem * Math.sin((angleIncrement * i) * (Math.PI / 180) - Math.PI/1.5))) + yOffset;
		    
		    
		    var x_r = 580;
		    var y_r = 250;
		    
		    target_coords.x_def = x_d;
		    target_coords.y_def = y_d;
		    target_coords.x_rem = x_r;
		    target_coords.y_rem = y_r;
		    target_coords.x_off= x_o;
		    target_coords.y_off = y_o;
		    
		    target_coords.id = i;
		    target_coords.type = 'Intern';
		         
	        cup_targets.push(target_coords);
	        
	        counter = i+1;
		    
		}
			
	   cupsIn();
	   	
	}

	function cupsIn(){
		var tassendiv = $('#block-views-team-coffee-table-block-1');
		TweenMax.to(tassendiv, 1, {opacity: 1, ease:Power1.easeOut, delay: 0});
		
		jQuery(".cup").each(function() {
			var mynum = jQuery(this).data("num");
			//console.log('mynum'+mynum);
			
	   	 	jQuery(this).css("left",cup_targets[mynum]["x_off"]+"px");
	   	 	jQuery(this).css("top",cup_targets[mynum]["y_off"]+"px");
	   	 	  	   	 	 
	   	 			 
			 var myrotation = Math.ceil(Math.random() * 90) -45 ; 
				  
			 TweenMax.to(this, 1, {left: cup_targets[mynum]["x_def"] , top: cup_targets[mynum]["y_def"], rotation: myrotation+'deg', ease:Power1.easeOut, delay: 0, onComplete:fade3});
	 
	   	 	   	 	
	   	});
	   	
	   	jQuery(".stain").each(function() {
			var mynum = jQuery(this).data("num");
	   	 	jQuery(this).css("left",cup_targets[mynum]["x_def"]+"px");
	   	 	jQuery(this).css("top",cup_targets[mynum]["y_def"]+"px");
	   	 	   	 	   	 	   	 	
	   	});
	}


	

	function fade3(){
		
		var tassendiv = $('#block-views-team-coffee-table-block-1');
		TweenMax.to(tassendiv, 1, {opacity: 0, ease:Power1.easeOut, delay: 6});

		
		var outSlide = $('.anim-slide.views-row-3');
		var inSlide = $('.anim-slide.views-row-4');
		TweenMax.to(outSlide, 1, {opacity: 0, ease:Power1.easeOut, delay: 6});
		TweenMax.to(inSlide, 2, {opacity: 1, ease:Power1.easeOut, delay: 6, onComplete:logos});

	}
	
	function logos(){
		loopSlide1();
	}


	function loopSlide1(){
		var outSlide = $('.anim-slide.views-row-4');
		var inSlide = $('.anim-slide.views-row-1');
		TweenMax.to(outSlide, 1, {opacity: 0, ease:Power1.easeOut, delay: 6});
		TweenMax.to(inSlide, 2, {opacity: 1, ease:Power1.easeOut, delay: 7, onComplete:loopSlide2});
	}
	function loopSlide2(){
		var outSlide = $('.anim-slide.views-row-1');
		var inSlide = $('.anim-slide.views-row-2');
		TweenMax.to(outSlide, 1, {opacity: 0, ease:Power1.easeOut, delay: 6});
		TweenMax.to(inSlide, 2, {opacity: 1, ease:Power1.easeOut, delay: 7, onComplete:loopSlide3});
	}
	function loopSlide3(){
		var outSlide = $('.anim-slide.views-row-2');
		var inSlide = $('.anim-slide.views-row-3');
		
		var tassendiv = $('#block-views-team-coffee-table-block-1');
		TweenMax.to(tassendiv, 2, {opacity: 1, ease:Power1.easeOut, delay: 7});
		
		TweenMax.to(outSlide, 1, {opacity: 0, ease:Power1.easeOut, delay: 6});
		TweenMax.to(inSlide, 2, {opacity: 1, ease:Power1.easeOut, delay: 7, onComplete:loopSlide4});
	}
	function loopSlide4(){
		var outSlide = $('.anim-slide.views-row-3');
		var inSlide = $('.anim-slide.views-row-4');
		
		var tassendiv = $('#block-views-team-coffee-table-block-1');
		TweenMax.to(tassendiv, 1, {opacity: 0, ease:Power1.easeOut, delay: 6});
		
		TweenMax.to(outSlide, 1, {opacity: 0, ease:Power1.easeOut, delay: 6});
		TweenMax.to(inSlide, 2, {opacity: 1, ease:Power1.easeOut, delay: 7, onComplete:loopSlide1});
	}


    paperPlane(); 
});