Click and Drag muliple symbols help

1

Hi :smiley: . Im making an interactive map of a theme park, but having problems with a click and drag script.

My problem is i want the background of the map (i.e. the picture of the theme park) and the buttons which make the script interactive to move at the same time when the user naviagtes aorund the map; similar to this

this is the script i am using to make the map interactive. It is located in a layer Action script.:

import mx.transitions.Tween;
import mx.transitions.easing.; *
var cities:Array = [“muscat”, “sohar”, “dubai”,“abu_dhabi”]

function mover (targetX, targetY){
currentX = marker_mc._x;
currentY = marker_mc._y;
var xTween:Tween = new Tween(marker_mc, “_x”, Strong.easeOut, currentX, targetX, .5, true);
*var yTween:Tween = new Tween(marker_mc, “_y”, Back.easeOut, currentY, targetY, 1.5, true); *
} *
for (var i = 0; i<cities.length; i++){ *
var my_btn = this[cities+"_btn"];
my_btn.myCity = cities;
my_btn.onRollOver = function() {
*mover( this._x, this._y); *
marker_mc.gotoAndStop(this.myCity);
}
*} **

I used this script to make the map move around when clicked and draged:

*on (press) { startDrag (this._parent, false);}

This was located in the Actions for the individual buttons and the background movie clip.

But they will both only drag at the same time if the user has thier mouse over BOTH the buttons and the background.

How do i get them to move at the same time?

Thanks for your time.