Creating a button

1

Can someone pls help me create a button that will pull up a previous image? If someone can take the time to do it and then explain it or tell me what to use so I can figure it out that would be so appreciated!!!

This is how it works: At the start an image slides on from the left and stops in the middle of the screen. User presses NEXT and that image slides off to the left and the next image slides on from the right. But now I don’t know how to create a button that takes the image that has already slid of to the left and slide him back on to the middle of the stage while taking the current on and sliding him off to the right. Pls see sketch.

Here is my code (code for btnBack is at the end)
[AS]import com.pixelfumes.reflect.;
import flash.display.BitmapData;
import flash.display.MovieClip;
import flash.events.Event;
import gs.TweenMax;
import gs.easing.;

var xmlRequest:URLRequest=new URLRequest(“imageData.xml”);
var xmlLoader:URLLoader = new URLLoader();
xmlLoader.addEventListener(Event.COMPLETE, xmlLoadedF);
xmlLoader.load(xmlRequest);

var imgData:XML;
var imageReflect:Reflect;
var imageLoader:Loader;
var rawImage:String;
var rawH:String;
var rawW:String;

var inTween:Tween;
var outTween:Tween;

var imgNum:int = 0;
var lastImageIndex:int = 0;

var imageLoaderHost:MovieClip;

btnNext.addEventListener(MouseEvent.CLICK, nextImgF);
//btnBack.addEventListener(MouseEvent.CLICK, prevImgF);
btnNext.buttonMode=true;
//btnBack.buttonMode=true;

function xmlLoadedF(event:Event):void {
imgData=new XML(event.target.data);
packagedF();
}

function packagedF(e:Event = null):void {
rawImage=imgData.image[imgNum].imgURL;
lastImageIndex = imgData.*.length() - 1;
rawW=imgData.image[imgNum].imgW;
rawH=imgData.image[imgNum].imgH;
imageLoaderHost = new MovieClip;
imageLoader = new Loader;
imageLoader.contentLoaderInfo.addEventListener(Event.COMPLETE, loadCompleteHandler);
imageLoader.load(new URLRequest(rawImage));
master_mc.addChild(imageLoaderHost);
imageLoaderHost.addChild(imageLoader);
imageLoaderHost.y = (stage.stageHeight - Number(rawH)) /5;
imageLoaderHost.x = 1500;
TweenMax.to(imageLoaderHost, 1.5, {x:(stage.stageWidth - Number(rawW)) /1.75, y:(stage.stageHeight - Number(rawH)) /5, ease:Quad.easeInOut});
runBackwards:true;
TweenMax.from(imageLoader, 1.5, {blurFilter:{blurX:100}});
imageLoader.scaleX=.8;
imageLoader.scaleY=.8;
}

function loadCompleteHandler(event:Event) {
imageLoader.contentLoaderInfo.removeEventListener(Event.COMPLETE, loadCompleteHandler);
imageReflect = new Reflect({mc:imageLoaderHost,alpha:50,ratio:50,distance:1,updateTime:2,reflectionDropoff:2});
}

function nextImgF(e:MouseEvent):void {
TweenMax.to(imageLoaderHost, 2, {blurFilter: {blurX:100}, x:-1500, y:(stage.stageHeight - Number(rawH)) /5, ease:Quad.easeInOut});
imgNum = imgNum < lastImageIndex ? imgNum + 1 : 0;
TweenMax.to(btnNext, .2, {glowFilter: {color:0x0098ff, alpha: 0.9, blurX:50, blurY:50, strength:3, quality:3}});
btnNext.filters = [];
packagedF();
}

function prevImgF(e:MouseEvent):void {
TweenMax.to(imageLoaderHost, 2, {blurFilter: {blurX:-100}, x:(stage.stageWidth - Number(rawW)) /1.75, y:(stage.stageHeight - Number(rawH)) /5, ease:Quad.easeInOut});
// CODE FOR BACK BUTTON
} [/AS]

Thanks!