Snap two mc together and they become one...

Question

So,
I've been playing around with this idea but I'm stuck, so I hope some of you might have an idea... I browsed the forum and found similar post but none of them addressing my specific case...
The story goes like this:
by clicking some buttons on stage I create two different instances of 2 movieClips (from the library) called Event and State..
I want the instances of Event to snap to the State movieclips when they touch (this part works, see the code below), and if they do snap together I'd like them to move as one... So the Event instance should stick to the State instance and the two become as one....
The snapping code is
function snap(e:MouseEvent):void //each Event mc will have an eventlistener for a mouse click
          var len:int = this.numChildren;
          var g:DisplayObject = this.getChildByName("sta"); //each State instance has been renamed "sta"
          for (var k:int = 0; k < len; k++)
                    if (e.target.hitTestObject(g))
                              e.target.x = g.x - 150;
                              e.target.y = g.y;

Answer 1

That's actually what I'm figuring out right now even though it's still not working... I found this nice explanation about target and similar...http://theflashconnection.com/book/export/html/45
Anyway what I tried to do is creating the Eve and assign them an eventListener for dragging and not.
var eve:MovieClip = new event_graphic();
eventArray.push(eve);                             //all new created eve is added to an array and assigned 5                                                                              //listeners
for (var i:int = 0; i<eventArray.length; i++)
                    eventArray[i].buttonMode = true;
                    eventArray[i].addEventListener(MouseEvent.MOUSE_DOWN, drag);
                    eventArray[i].addEventListener(MouseEvent.MOUSE_UP, noDrag);
                    eventArray[i].addEventListener(MouseEvent.CLICK, snap);
the same happens for the State... the function snap is like this now (see the comments on the side)
function snap(e:MouseEvent):void
          var len:int = this.numChildren;                             
// finds eve and sta in the display list
          var g:DisplayObject = this.getChildByName("sta");
          var h:DisplayObject = this.getChildByName("eve");
          for (var k:int = 0; k < len; k++)       
//for each obj in the display list check wether eve touches sta
                    if (e.target.hitTestObject(g))
                              h.x = g.x - 100;
                              h.y = g.y - 4;
//eve should snap in position (not working)
          var container:MovieClip = new MovieClip();   
//if they touch add them to a new MovieClip container
          container.addChild(g);                                            
          container.addChild(h);
          container.addEventListener(MouseEvent.MOUSE_DOWN, drag); 
//add a listener for it to be draggable
          container.addEventListener(MouseEvent.MOUSE_UP, noDrag);
          container.buttonMode = true;                         
//this should turn the cursor to a hand but it doesn't... as if container didn't exist
          trace(container.numChildren);           
//here is what I find most confusing because it returns 2, and that is correct being Eve (h) and Sta (g) its //children, so the MC is there on stage somewhere
so it seems like it succesfully created an empty MovieCLip, assigns the children H and G but just doesn't make them draggable....
I also tried to declare the container outside the snap function, same results...
Here are the drag, noDrag functions
function drag(e:MouseEvent):void
          e.currentTarget.buttonMode = true;  
          e.currentTarget.startDrag();
//both e.target and e.currentTarget don't work!!!
function noDrag(e:MouseEvent):void
          e.currentTarget.buttonMode = false;
          e.currentTarget.stopDrag();