Drag button between 2 scrollpanes

I’m having a helluva time trying to figure out how to drag & drop a button from one scrollpane to another.

sPane1 // contains target’s
sPane2 // contains button’s

//button code
on (press) {
_root.attachMovie(“theWord”, “tempWord1”, 99);
_root[“tempWord1”]._x=_root._xmouse-(this._width/2);
_root[“tempWord1”]._y=_root._ymouse-(this._height/2);
startDrag(_root[“tempWord1”]);
}

onClipEvent (mouseUp) {
var dropzone1:String=sPane1;//.spContentHolder[“WordPatch1”];
// see if the dropZone conatins the center of this mc
if (_root.dropZone1.hitTest(this)) {
// center it on the drop zone
this._x = _root.dropZone1._x;
this._y = _root.dropZone1._y;
trace(“YES”)
} else {
// return it to its original location
trace(“NOPE”)
this._x = origX;
this._y = origY;
}
this.stopDrag();
}

yes i know i need more but i dont know how to do it, can someone show me how.

thank you. :beer: