How to in AS3, slide to next item

1

There may be a better way to do this and if so please feel free to just redirect me…
I am trying to keep this as simple as i can (who doesn’t do that)

So I have 5 photos contained in a movie clip and I want to animate the movie clip holding the photos so when you click the a next arrow the movie clip holding the photos slides so the next photo shows and when you click a prev arrow the movie clip slides so the previous photo shows.

here is what i have so far, it works, but if you click the next button well the movie clip is sliding then movie clip placement is wrong. It seems to almost work, here is the action script and a link to what i have done.

http://www.thesdproject.com/move/strato-header.html
works good if you click slow but thats not very pratical

Thanks for any help.

//length of movie
var boxl = staffHold._width;
var boxPrev = (boxl/5)+24;
var boxMove = -1*boxPrev;

//trying to disable the buttons when animation is going but it doesn’t work
switchMe = function(){
arrow_right.enabled = true;
arrow_left.enabled = true;
}

arrow_right.onRelease = function(){
arrow_right.enabled = false;
var boxCur = staffHold._x;
staffHold.slideTo(boxCur+boxMove, “_y”, 1, “ease”, switchMe());
}

arrow_left.onRelease = function(){
var boxCur = staffHold._x;
staffHold.slideTo(boxCur+boxPrev, “_y”, 1, “ease”, switchMe());
}