Unlimitted Sliding Views like in Pandora

[Kallen]

How can I create a series of views that slide to the left or right, similarly to Pandora's song views?

I can envision something like this:

I juggle 3 views at a time -- one is on stage, one is off stage-left (having recently left the stage) and the third is off stage-right (ready to slide onto stage). Only the middle view is visible at any time.

But, I've actually got around 10 views to work with. So, I start with View1. View 2 is off stage, waiting to come in. I click the Next button. View 1 slides off stage at the same time View 2 slides on to take its place. Then, View 3 cues up off stage, ready to come on.

Each time Next is pressed, the off-stage view slides on while the stage view slides off. And, another view cues up.

The reverse would happen when clicking the Previous button.

I've figured out how to slide the stage view off and the cued view on. But, I can't figure out how to cue the next view, nor how to code the Next and Previous buttons so they work with the appropriate views.

[Kallen]

Here's what I came up with. (It doesn't exactly match my example, but the technique fits):


<button y="380">
Continue
<handler name="oninit">
this.aPg = new Array()
this.aPg[1]=parent.pg1
this.aPg[2]=parent.pg2
</handler>
<handler name="onclick" >
Debug.write(parent.pg)
this.aPg[parent.pg+1].animate("x", 0, 1200, false)
this.aPg[parent.pg].animate("x", 0-(parent.width-3), 1200, false)
parent.pg = parent.pg+1
</handler>
</button>