Horizontal scroll bar

1

hello all.

i have a horizontal scrollbar that scrolls content from left to right. it’s all working perfectly except for the dragger. when you click the dragger and move left to right it doesn’t stay within it’s “track.” when i use the left and right arrows there’s no problem. does anyone have any insight by looking at the code below?

much appreciated!

fscommand("allowscale", "false");
bar.useHandCursor = dragger.useHandCursor=false;
space = 20;
friction = 0.9;
speed = 4;
x = dragger._x;
top = main._x;
bottom = main._x+mask_mc._width-main._width-space;


dragger.onPress = function() {
	drag = true;
	this.startDrag(false, this._x, this._parent.y, this._x, this._parent.y+this._parent.bar._width-this._width);
	dragger.scrollEase();
};
dragger.onMouseUp = function() {
	this.stopDrag();
	drag = false;
};
bar.onPress = function() {
	drag = true;
	if (this._parent._xmouse>this._x+this._width-this._parent.dragger._width) {
		this._parent.dragger._x = this._parent._xmouse;
		this._parent.dragger._x = this._x+this._width-this._parent.dragger._width;
	} else {
		this._parent.dragger._x = this._parent._xmouse;
	}
	dragger.scrollEase();
};
bar.onMouseUp = function() {
	drag = false;
};
moveDragger = function (d) {
	if ((dragger._x>=x+bar._width-dragger._width && d == 1) || (dragger._x<=x && d == -1)) {
		clearInterval(myInterval);
	} else {
		dragger._x += d;
		dragger.scrollEase();
		updateAfterEvent();
	}
};
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);
};
MovieClip.prototype.scrollEase = function() {
	this.onEnterFrame = function() {
		if (Math.abs(dx) == 0 && drag == false) {
			delete this.onEnterFrame;
		}
		r = (this._x-x)/(bar._width-this._width);
		dx = Math.round((((top-(top-bottom)*r)-main._x)/speed)*friction);
		main._x += dx;
	};
};