/*
** Panning 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 panActivePage = "Contact";

// background image slide duration
var bgDuration = 8000;
// background image horizontal position range
var bgStart = "0 0";
// through:
var bgMiddle = "-1600 0";
// to:
var bgEnd = "-4321 0";

// run animation script on DomReady
window.addEvent("domready", function() {
	
	// check for Profile page
	if (currentPage == panActivePage) {
		
		// initialize arrow elements
		var leftArrow = $("Left");
		var rightArrow = $("Right");
		
		// initialize layer elements
		var bgLayer = $("contentPane");
		
		// initialize layer tweens
		var bgLayerAnim = new Fx.Tween(bgLayer, {
			link: "cancel",
			property: "background-position",
			unit: "px",
			duration: bgDuration, 
			transition: Fx.Transitions.Quad.easeOut
		});
		
		// MouseOver events to start tween
		leftArrow.addEvent("mouseover", function() {
			bgLayerAnim.start(bgStart);
		});
		rightArrow.addEvent("mouseover", function() {
			bgLayerAnim.start(bgEnd);
		});
		
		// MouseOut events to reset tween
		leftArrow.addEvent("mouseout", function() {
			bgLayerAnim.start(bgMiddle);
		});
		rightArrow.addEvent("mouseout", function() {
			bgLayerAnim.start(bgMiddle);
		});
		
	}
	
});