Say Web – Flash and ActionScript Tutorials, News and Interviews

 
//The ActionScript 3.0 Flash Mini Site 
// Avraham Saltoun
// solutions at say-web dot com
// FREE to USE, COPY and DISTRIBUTE
 
// Let's import the libraries we plan to use
 
import fl.transitions.Tween;
import fl.transitions.easing.*;
 
//  the star states we will import
// all eases
 
// Now we will create a batch of variables
// that will store the coordinates for each
// area of our large movie clip
// each pair represents a "page"
 
var homeX:Number= 103; // We will check on stage
// the coordinate for x and y when button home is clicked
var homeY:Number=  47; 
 
// Now the same for prices
 
var pricesX:Number= 694;
var pricesY:Number=-365;
 
 
// Now the same for Contact
var contactX:Number= -489;
var contactY:Number=-379;
 
//These variables will hold the Tween
// to be executed
 
var xTween:Tween; // holds the horizontal tween
var yTween:Tween; // holds the vertical tween
 
xTween = new Tween (main_mc,"x",Strong.easeInOut,main_mc.x,homeX,2,true);
yTween = new Tween (main_mc,"y",Strong.easeInOut,main_mc.y,homeY,2,true);
 
 
 
// Event Listeners
home_btn.addEventListener(MouseEvent.CLICK, navigate);
prices_btn.addEventListener(MouseEvent.CLICK, navigate);
contact_btn.addEventListener(MouseEvent.CLICK, navigate);
 
//Note that all buttons will lead to the same function
//The only difference is the values they will pass
 
//Functions
 
function navigate (event:MouseEvent):void {
 
	if (event.target == home_btn)
	{
		setTween (homeX, homeY);
		}
		else 
	if (event.target == prices_btn)
	{
		setTween (pricesX, pricesY);
		}
		else
		if (event.target == contact_btn)
	{
		setTween (contactX, contactY);
		}
 
	}
 
	function setTween ( tweenX:Number, tweenY:Number) :void
	{
 
//This retrieves the location of our large movie clip
//To be used as starting point of our desired tween
		xTween.begin = main_mc.x;
		yTween.begin = main_mc.y;
 
 
//This assigns the values passed from
// the navigate function as the end location
// of the tween
		xTween.finish = tweenX;
		yTween.finish = tweenY;
 
//After assigning values, this fires the tween
		xTween.start();
		yTween.start(); 
 
		}
 
		xTween.stop();
		yTween.stop();
 
 
// Subscribe from the website! </div>