Drag and Drop multiple boxes and snap to multiple locations then reveal button

Question

Hi I'm Trying to develop a small game where the user chooses from a range of boxes of the left of screen and can drag 3 of them separatley to 3 holding boxes on ther right. each box can be dragged to any location and the order is not important. Once the 3 holding boxes are all full I want a new button to appear. I completed a tutorial and I've got one box working perfectly but no matter what i try I can't get it working with multiple boxes and locations. Below is a list of the instance names of the movie clips plus my actionscript. I've attached a link to the flash file. Any help would be really appreciated. Cheers
LINK
http://www.sainters.net/flash_preview/flash_test/flash test_v6.fla.zip
INSTANCE NAMES
box 1 = "circle_mc"
box 2 = "circle_mc2"
both the grey boxes are called = "targetCircle"
ACTIONSCRIPT
function dragSetup(clip, targ) {
clip.onPress = function() {
startDrag(this);
this.beingDragged=true;
clip.onRelease = clip.onReleaseOutside=function () {
stopDrag();
this.beingDragged=false;
if (eval(this._droptarget) == targ) {
this.onTarget = true;
_root.targ.gotoAndStop(2);
} else {
this.onTarget = false;
_root.targ.gotoAndStop(1);
//the variables below will store the clips starting position
clip.myHomeX = clip._x;
clip.myHomeY = clip._y;
//the variables below will store the clips end position
clip.myFinalX = targ._x;
clip.myFinalY = targ._y;
clip.onEnterFrame = function() {
//all these actions basically just say "if the mouse is up (in other words - the clip is not being dragged)
// then move the MC back to its original starting point (with a smooth motion)"
if (!this.beingDragged && !this.onTarget) {
this._x -= (this._x-this.myHomeX)/5;
this._y -= (this._y-this.myHomeY)/5;
//if the circle is dropped on any part of the target it slides to the center of the target
} else if (!this.beingDragged && this.onTarget) {
this._x -= (this._x-this.myFinalX)/5;
this._y -= (this._y-this.myFinalY)/5;
dragSetup(circle_mc,targetCircle);

Answer 1

Two things...
1) if you want both circles to be draggable you need to execute that last line twice, once for each.
dragSetup(circle_mc); // left off second argument purposefully
dragSetup(circle_mc2);
2) you do not want to name the targets the same name... only one will work as a target that way.  GIve them different names, and assign each one a property like...
  targetCircle1.isTarget == true;
  targetCircle2.isTarget == true;
and in your hittest function test for that property.  And if you don't want to allow the user to drop two circles on the same target, set that property to false after it is dropped on... something like...
if (this._droptarget.isTarget) { // may still need eval() portion
    this._droptarget.isTarget = false;
Back to item 1... with this approach you won't need to pass the target as an argument, unless you need to have each circle dropped on a specific target instead of any of them (in that case you go back to specifying and testing the target instance)
Your overall dragSetup function will change in various ways if you follow what is offered here as far as allowing for any circle to be placed on any target.  If you require specific targets, then your code would remain much as it is except you still need different instance names for all the objects.