/*

** Opening Animation

** Bluewire Media Pty Ltd

** Project Manager: Sarah hyne (sarah.hyne@bluewiremedia.com.au)

** Developer: Jake Pospischil (jake.pospischil@bluewiremedia.com.au)

*/



// page to activate on

var openingActivePage = "Home";



// logo animation slide duration

var logoDuration = 2400;

// logo animation width property range 0 to:

var logoLength = 699;



// menu animation slide duration

var menuDuration = 600;

// menu animation margin-left property range 261 to:

var menuEnd = 0;



// content pane animation slide duration

var contentPaneDuration = 2400;

// content pane animation background-position property range

var contentPaneStart = "0 413";

// to:

var contentPaneEnd = "0 0";



// content animation slide duration

var contentDuration = 1200;

// content height

var contentHeight = 275;



// run animation script on DomReady

window.addEvent("domready", function() {

	

	// check for Profile page

	if (currentPage == openingActivePage) {

		

		// initialize layer elements

		var layer1 = $("logoOrange");

		var layer2 = $("logoWhite");

		var layer3 = $("mainMenu");

		var layer4 = $("contentPane");

		var layer5 = $("content");

		

		// initialize layer tweens

		var layer1Anim = new Fx.Tween(layer1, {

			property: "width",

			unit: "px",

			duration: logoDuration, 

			transition: Fx.Transitions.linear

		});

		var layer2Anim = new Fx.Tween(layer2, {

			property: "width",

			unit: "px",

			duration: logoDuration, 

			transition: Fx.Transitions.linear

		});

		var layer3Anim = new Fx.Tween(layer3, {

			property: "margin-left",

			unit: "px",

			duration: menuDuration, 

			transition: Fx.Transitions.linear

		});

		var layer4Anim = new Fx.Tween(layer4, {

			property: "background-position",

			unit: "px",

			duration: contentPaneDuration, 

			transition: Fx.Transitions.linear

		});
		
		var layer5Anim = new Fx.Tween(layer5, {

			link: "cancel",

			property: "height",

			unit: "px",

			duration: contentDuration,

			transition: Fx.Transitions.Quad.easeOut

		});

		

		// run layer tweens

		layer1Anim.start(logoLength).chain(function() {

			layer2Anim.start(logoLength).chain(function() {

				layer3Anim.start(menuEnd).chain(function() {

					layer4Anim.start(contentPaneStart, contentPaneEnd);/*.chain(function() {
																					  
						layer5Anim.start(0, contentHeight);

		})*/})})});

		

	}

	

});