/// cute little script to do some animation effects on the logos
/// tim scarfe, 29th june 2009 --> I'M WRITING JAVASCRIPT AGAIN. ROCK ON!

var params = {
transition: Animator.makeElastic(3),
				duration: 300
				 };

var move_right_blue = new Animator(params).addSubject(
		new NumericalStyleSubject(
			$("faded_logo_blue"), "left", 30, 70
			));

var move_home_blue = new Animator(params).addSubject(
		new NumericalStyleSubject(
			$("faded_logo_blue"), "left", 70, 30
			));

var move_right = new Animator(params).addSubject(
		new NumericalStyleSubject(
			$("faded_logo"), "left", 30, 0
			));

var move_home = new Animator(params).addSubject(
		new NumericalStyleSubject(
			$("faded_logo"), "left", 0, 30
			));

function go() {


	chain.play();

	move_right_blue.options.duration += 1000;
	move_home_blue.options.duration += 1000;
	move_right.options.duration += 1000;
	move_home.options.duration += 1000;
	
}

var chain = new AnimatorChain( [
	move_right,
	move_home,
	move_right_blue, 
	move_home_blue], { onComplete: go } );


function fadeLogoInAgain() {

	var params = {
		transition: Animator.makeBounce(3),
		duration: 300,
		onComplete: cycleFadeLogo
	};

	var fade_in = new Animator(params)
		.addSubject(
			new NumericalStyleSubject($("main_logo"), 'opacity', 0, 1
		));
	fade_in.play();

}

function cycleFadeLogo() {

	var params = { 
		transition: Animator.makeBounce(3),
		duration: 300,
		onComplete: fadeLogoInAgain
	};

	var fade_out = new Animator(params)
		.addSubject(
			new NumericalStyleSubject($("main_logo"), 'opacity', 1, 0
		));

	setTimeout(function() {
		fade_out.play();
	}, 2000);
}

$("main_logo").setOpacity(0);

//
var fade_in = new Animator({ onComplete: function() { go();  } })
	.addSubject(
		new NumericalStyleSubject([$("main_logo")], 'opacity', 0, 1
		));
		
		

///wait 500ms to fade in main logo
setTimeout(function() {
	
	fade_in.play()
	
	

}, 500);