Moving the position of box with rollover

Question

I have a flash file that slides the position of a movieclip to 4 different positions with 4 buttons which works great.  I also want to add 2 buttons that when you roll over them, I would like the position of the movie clip to keep sliding to the left and right until you roll off of the button(and stop when it gets to either end of the movieclip.  The code below slides the movie clip when you click them...if that helps.
onClipEvent (load) {
_x = 0;
_y = 0;
spd = 2;
//this is the scrolling speed, the hight the number the faster it scrolls//
onClipEvent (enterFrame) {
_x += (endX-_x)/spd;
_y += (endY-_y)/spd;
_root.page1.onRelease = function() {
  endX = 0;
  endY = 0;
_root.page2.onRelease = function() {
  endX = -220;
  endY = 0;
_root.page3.onRelease = function() {
  endX = -440;
  endY = 0;
_root.page4.onRelease = function() {
  endX = -660;
  endY = 0;
I have a new buttons started called "test"
and here is the function I started:
_root.test.onRollover = function() {
Any help is very very very much appreciated!!!!
Thanks

Answer 1

no worries.....I really like the way my file works now.  i have another file with really nice easing to it that contains the code below. what I'm trying to figure out is if I can add that easing into the file you helped me with or would it be easier to modify the code below into a horizontal scroller like I need.
either way, i'm looking for suggestions on a starting point so I can work on getting this figured out.
I appreciate the help!
fscommand("allowscale", "false");
bar.useHandCursor = dragger.useHandCursor=false;
space = 20;
friction = 0.9;
speed = 4;
y = dragger._y;
top = main._y;
bottom = main._y+mask_mc._height-main._height-space;
///////////no x y values ////////////////////////
up_btn.onPress = function() {
myInterval = setInterval(moveDragger, 18, -1);
down_btn.onPress = function() {
myInterval = setInterval(moveDragger, 18, 1);
up_btn.onMouseUp = down_btn.onMouseUp=function () {
clearInterval(myInterval);
dragger.onMouseUp = function() {
this.stopDrag();
drag = false;
bar.onMouseUp = function() {
drag = false;
///////////no x y values ////////////////////////
dragger.onPress = function() {
drag = true;
this.startDrag(false, this._x, this._parent.y, this._x, this._parent.y+this._parent.bar._height-this._height);
dragger.scrollEase();
bar.onPress = function() {
drag = true;
if (this._parent._ymouse>this._y+this._height-this._parent.dragger._height) {
  this._parent.dragger._y = this._parent._ymouse;
  this._parent.dragger._y = this._y+this._height-this._parent.dragger._height;
} else {
  this._parent.dragger._y = this._parent._ymouse;
dragger.scrollEase();
moveDragger = function (d) {
if ((dragger._y>=y+bar._height-dragger._height && d == 1) || (dragger._y<=y && d == -1)) {
  clearInterval(myInterval);
} else {
  dragger._y += d;
  dragger.scrollEase();
  updateAfterEvent();
MovieClip.prototype.scrollEase = function() {
this.onEnterFrame = function() {
  if (Math.abs(dy) == 0 && drag == false) {
   delete this.onEnterFrame;
  r = (this._y-y)/(bar._height-this._height);
  dy = Math.round((((top-(top-bottom)*r)-main._y)/speed)*friction);
  main._y += dy;