
$(document).ready(function(){

	if (!$('#scheme-table').children().length) return;
	
	var startTime = 0;
	
	$('#scheme-table td').show();
	$('.arrow').show();
	initAnimation();
	setTimeout(animateScheme, 1000);
	
	lHeight = $('#scheme-table-left').height();
	rHeight = $('#scheme-table-right').height();
	if (lHeight > rHeight) {
		$('#scheme-table-right').height(lHeight);
	}
	else {
		$('#scheme-table-left').height(rHeight);
	}
	
	var top = $('#scheme-table-left').position()['top'] - $('#scheme-arrow1').height() + parseInt($('#scheme-table-left').css('margin-top'));
	$('#scheme-arrow1').css('margin-top', top);
	$('#scheme-arrow2').css('margin-top', top);
	$('#scheme-arrow6').css('margin-top', top);
	$('#scheme-arrow7').css('margin-top', top);
	
	top = $('#scheme-table-left-bottom').position()['top'] - $('#scheme-arrow3').height() + parseInt($('#scheme-table-left-bottom').css('margin-top'));
	$('#scheme-arrow3').css('margin-top', top);
	$('#scheme-arrow4').css('margin-top', top);
	$('#scheme-arrow8').css('margin-top', top);
	$('#scheme-arrow9').css('margin-top', top);
	
	$('#scheme-arrow5').css('margin-left', parseInt($('#scheme-table-left').width()) -5);
			
	function initAnimation() {   
		startTime = 0;     				
		$('#scheme-table td td').animate({opacity: 0}, 0);
		$('#scheme-table-left-top td').animate({opacity: 1}, 0);
		$('.arrow').animate({opacity: 0}, 0);
	}

	function animateScheme() {
		
		var tweenTime = 500;
		var arrowTimeToNext = -300;
		
		var shortPauseTime = 1000;
		var longPauseTime = 2000;
		
		var currentTweenTime = tweenTime;
		
		//show first section
		  //arrows        	
			currentTweenTime = tweenTime;		
			fadeIn('#scheme-arrow1, #scheme-arrow2', currentTweenTime);
			startTime += arrowTimeToNext;
		  //data
		  	currentTweenTime = tweenTime;	
		  	fadeIn('#scheme-table-left td', currentTweenTime, true);
		//show first co2 result boxes
			startTime += shortPauseTime;
		  //arrows
			currentTweenTime = tweenTime;				
			fadeIn('#scheme-arrow3, #scheme-arrow4', currentTweenTime);
			startTime += arrowTimeToNext;
		  //boxes
			currentTweenTime = tweenTime;	
			fadeIn('#scheme-table-left-bottom td', currentTweenTime);
		//right colums - less raw material
			startTime += longPauseTime;
		  //arrow + title
			currentTweenTime = tweenTime;
			fadeIn('#scheme-arrow5, #scheme-table-right-top td', currentTweenTime);
		//show other section
			startTime += shortPauseTime;
		  //arrows        	
			currentTweenTime = tweenTime;		
			fadeIn('#scheme-arrow6, #scheme-arrow7', currentTweenTime);
		  //data
		  	currentTweenTime = tweenTime;	
		  	fadeIn('#scheme-table-right td', currentTweenTime, true);
		//show other co2 result boxes
			startTime += shortPauseTime;
		  //arrows
			currentTweenTime = tweenTime;				
			fadeIn('#scheme-arrow8, #scheme-arrow9', currentTweenTime);
			startTime += arrowTimeToNext;
		  //boxes
			currentTweenTime = tweenTime;	
			fadeIn('#scheme-table-right-bottom td', currentTweenTime);
		  
	}
	
	function fadeIn(object, tweentime, addCoolEffect) {
		if (addCoolEffect){
			var coolEffectDelay = 200;
			var currentDelay = -coolEffectDelay;	
			$(object).each(function(){
				currentDelay += coolEffectDelay;
				$(this).animate({opacity: 0}, startTime + currentDelay, function(){
					$(this).animate({opacity: 1}, tweentime);
				});
			});
			startTime += tweentime + currentDelay;
		}
		else {
			$(object).animate({opacity: 0}, startTime, function(){
				$(this).animate({opacity: 1}, tweentime);
			});
			startTime += tweentime;
		}
	}
	
});
