Need help with the tween class

1

I’ve been making a little scrolling panel for a website. It’s a product panel where the user can scroll through the items. You can see how far I’ve got with it here:

http://willarbuckle.com/junk/shop.html

But there’s a problem. Items, by which i mean the red squares, should always come to a rest, central on the panel. When the arrows are clicked in succession before the items come to a rest the centralisation is thrown off.

This is because the code is telling the movieclip to move by 130 pixels when the arrows are clicked. So if the movieclip hasnt managed to move the full 130 pixels before the user clicks again… we get the MC not moving far enough.

Here’s the code I have:

import mx.transitions.Tween;
import mx.transitions.easing.*;

var nProducts:Number = 6;
var counter:Number = 1;

if (counter == 1){
mcPrevButton._visible = false;
} else {
mcPrevButton._visible = true;
}

if (counter == nProducts){
mcNextButton._visible = false;
} else {
mcNextButton._visible = true;
}

mcNextButton.onRelease = function():Void{
var prodMovement:Tween = new Tween(mcProducts, “_x”, Elastic.easeOut, mcProducts._x, mcProducts._x+130, 90, false);

counter++;

if (counter == 1){
mcPrevButton._visible = false;
} else {
mcPrevButton._visible = true;
}

if (counter == nProducts){
mcNextButton._visible = false;
} else {
mcNextButton._visible = true;
}
};

mcPrevButton.onRelease = function():Void{
var prodMovement:Tween = new Tween(mcProducts, “_x”, Elastic.easeOut, mcProducts._x, mcProducts._x-130, 90, false);

counter–;

if (counter == 1){
mcPrevButton._visible = false;
} else {
mcPrevButton._visible = true;
}

if (counter == nProducts){
mcNextButton._visible = false;
} else {
mcNextButton._visible = true;
}
};

If anyone wants to have a look at the flash doc:
http://willarbuckle.com/junk/shop.fla

Any help would be really really appreciated, any ideas?
thanks guys.

-Will