// animation by Scott Buckingham (www.scottbuckingham.com)

jQuery.fn.pngFadeIn = function(speed, callback) {
	if( !jQuery.support.opacity ) {
		return this.show(1, function() {
			if (jQuery.isFunction(callback)) 
				callback();
		});
		
	} else {
		return this.animate({opacity: 'show'}, speed, function() { 
			if (jQuery.isFunction(callback)) 
				callback();
		}); 
	}
}; 
 
jQuery.fn.pngFadeOut = function(speed, callback) { 
    if( !jQuery.support.opacity ) {
		return this.hide(1, function() {
			if (jQuery.isFunction(callback)) 
				callback();
		});
		
	} else {
		return this.animate({opacity: 'hide'}, speed, function() { 
			if (jQuery.isFunction(callback)) 
				callback();
		}); 
	} 
};



$(document).ready(function() {
	// populate the div because WordPress mangles code
	$('#banner-container-en').load('/wp-content/themes/kiju/banner/banner-en.html', function() {
		Check_Loaded( $('#banner-container-en img') );
	});
	$('#banner-container-fr').load('/wp-content/themes/kiju/banner/banner-fr.html', function() {
		Check_Loaded( $('#banner-container-fr img') );
	});
});

function Check_Loaded( Target ) {
	var Loaded = true;
	Target.each( function() {
		if( $(this)[0].complete == false ) {
			Loaded = false;
		}
	});
	
	if( Loaded ) {
		I_Heart_Kiju();
	} else {
		setTimeout(function(){Check_Loaded(Target);}, 500);
	}
};

function I_Heart_Kiju() {
	$('#banner-I').pngFadeIn(500)
	.next('#banner-heart').delay(500).pngFadeIn(500)
	.next('#banner-kiju-product').delay(1000).pngFadeIn(500, function() {
		// hide assets
		$('#banner-I').delay(1000).pngFadeOut(500)
		.next('#banner-heart').delay(1000).pngFadeOut(500, function() {
			New_Pomegranate();
		});
	});
};

function New_Pomegranate() {
	$('#banner-kiju-product img').animate({
		height: '221px'
	}, 500);
	
	$('#banner-kiju-product').animate({
		left: '68px',
		top: '110px'
	}, 500, function() {
		$('#banner-new-badge').pngFadeIn(250, function() {
			$('#banner-new-pomegranate').css('top','-30px').css('display','block').css('opacity','0').animate({
				top: '205px',
				opacity: 1
			}, 500, function() {
				// IE sucks
				$(this).css('opacity','');
				
				$('#banner-new-pomegranate').delay(2000).animate({
					top: '570px',
					opacity: 0
				}, 500, function() {
					$(this).hide();
					Latest_Addition();
				});
			});
		});
		
	});
};

function Latest_Addition() {
	$('#banner-latest-addition').css('top','-30px').css('display','block').css('opacity','0').animate({
		top: '205px',
		opacity: 1
	}, 500, function() {
		// IE sucks
		$(this).css('opacity','');
				
		$('#banner-latest-addition').delay(2000).animate({
			top: '570px',
			opacity: 0
		}, 500, function() {
			$(this).hide();
			Product_Lineup();
		});
	});
};

function Product_Lineup() {
	$('#banner-new-badge').pngFadeOut(500);
	$('#banner-kiju-product').pngFadeOut(500).siblings('#banner-product-lineup').delay(500).fadeIn(500, function() {
		Fruit_Rain();
	});
};

function Fruit_Rain() {
	var Delay = 1000;
	var Spacing = 100;
	var Animation = 100;
	
	$('#banner-fruit-1').delay(Delay).pngFadeIn(Animation)
	.next('#banner-fruit-2').delay(Delay+=Spacing).pngFadeIn(Animation)
	.next('#banner-fruit-3').delay(Delay+=Spacing).pngFadeIn(Animation)
	.next('#banner-fruit-4').delay(Delay+=Spacing).pngFadeIn(Animation)
	.next('#banner-fruit-5').delay(Delay+=Spacing).pngFadeIn(Animation)
	.next('#banner-fruit-6').delay(Delay+=Spacing).pngFadeIn(Animation)
	.next('#banner-fruit-7').delay(Delay+=Spacing).pngFadeIn(Animation)
	.next('#banner-fruit-8').delay(Delay+=Spacing).pngFadeIn(Animation)
	.next('#banner-fruit-9').delay(Delay+=Spacing).pngFadeIn(Animation)
	.next('#banner-fruit-10').delay(Delay+=Spacing).pngFadeIn(Animation, function(){
		Fruit_Clear();
	});
	
};


function Fruit_Clear() {
	var Delay = 500;
	var Spacing = 100;
	var Animation = 100;
	
	$('#banner-product-lineup').hide();
	$('#banner-logo').show();
	$('#banner-fruit-1').delay(Delay).pngFadeOut(250)
	.next('#banner-fruit-2').delay(Delay+=Spacing).pngFadeOut(Animation)
	.next('#banner-fruit-3').delay(Delay+=Spacing).pngFadeOut(Animation)
	.next('#banner-fruit-4').delay(Delay+=Spacing).pngFadeOut(Animation)
	.next('#banner-fruit-5').delay(Delay+=Spacing).pngFadeOut(Animation)
	.next('#banner-fruit-6').delay(Delay+=Spacing).pngFadeOut(Animation)
	.next('#banner-fruit-7').delay(Delay+=Spacing).pngFadeOut(Animation)
	.next('#banner-fruit-8').delay(Delay+=Spacing).pngFadeOut(Animation)
	.next('#banner-fruit-9').delay(Delay+=Spacing).pngFadeOut(Animation)
	.next('#banner-fruit-10').delay(Delay+=Spacing).pngFadeOut(Animation, function(){
		Logo_Screen();
	});
};

function Logo_Screen() {
	$('#banner-available-message').fadeIn(500)
	.next('#banner-glass-bottles').delay(500).pngFadeIn(500, function() {
		Final_Screen();
	});
};

function Final_Screen() {
	$('#banner-logo').delay(3000).show(1, function() {
		$('#banner-logo').pngFadeOut(500);
		$('#banner-glass-bottles').pngFadeOut(500);
		$('#banner-available-message').fadeOut(500);
		$('#banner-final-screen').delay(500).fadeIn(500);
	});
};