Problem with slideshow style navigation. addChild & arrays

programming flash
1

Was hoping to get some advice here. Having trouble with what would seem to be a basic navigational system for an iPad presentation.

I have, for this example, 5 pages in my library which I’ve added into an array.
The effect I’m aiming for, when the user swipes to go to the next page, it should:

  • Add the next page to stage using addChild (out of view)
  • Tween the current page out of view, tween the next page into view
  • Remove the old page using removeChild.

The reasoning for this is I will have a large amount of pages with heavy animation and I’m trying to avoid having them all present on stage at once to prevent a drop in FPS.

Here is my code so far. I’ve tried a few things such as trying to re-set currentPage with the array but have had no luck. Been pulling my hair out for a few hours now!

import com.greensock.*;
import com.greensock.easing.*;
import com.greensock.plugins.*;
import flash.events.MouseEvent;
import flash.display.MovieClip;

**//touch device swiping**
Multitouch.inputMode = MultitouchInputMode.GESTURE;
stage.addEventListener (TransformGestureEvent.GESTURE_SWIPE, fl_SwipeHandler_2);
function fl_SwipeHandler_2(event:TransformGestureEvent):void{
	switch(event.offsetX)
	{
		**//swiped right, go back**
		case 1:
		{
			prevPage();
			break;
		}
		**//swiped left, go forward**
		case -1:
		{
			nextPage();
			break;
		}
	}
}

**//fill array with movieclip pages from library**
var pageArray:Array = [page1, page2, page3, page4, page5];
var currentArray:Number = 0;

**//add the first page in the array to the stage as 'currentPage'**
var currentPage:MovieClip = new pageArray[currentArray];
addChild(currentPage);

function nextPage(event:TouchEvent):void{
	if (currentArray < pageArray.length - 1){
			
			**//tween currentPage out to the left, when animation ends** removeChild(currentPage);
			TweenMax.to(currentPage, 1, {x:-1024,onComplete:removeChild,onCompleteParams:[currentPage]});
			**//move to the next item in the array**
			currentArray++
			**//add the next item in the array to the stage as 'newPage'**
			var newPage:MovieClip = new pageArray[currentArray]
			addChild(newPage);
			newPage.x = 1024;
			**//tween newPage into view**
			TweenMax.to(newPage, 1, {x:0,onComplete:updatePage});
			
			**/*
			PROBLEM STARTS HERE:
			- if nextPage is executed again, it will try to tween 'currentPage' which has been removed from the stage.
			- need to rename/change 'newPage' into 'currentPage' here but don't know how.
			*/**
			
	}
}

function prevClicked(event:MouseEvent):void{
	if (currentArray > 0){
		trace("same as nextPage in reverse");
	}
}