Hello,

I am trying to create an app where a user can drag, drop, pinch and zoom multiple photos on the stage, each one at a time. Below is the code I am using. This works correctly for drag and drop, but the two multi touch gestures don't work. No matter which object I select on stage, only the first object that was selected will be zoomed or rotated.

Any help is appreciated.


Code:
Multitouch.inputMode = MultitouchInputMode.GESTURE;

photo1_mc.addEventListener(TransformGestureEvent.GESTURE_ZOOM,onZoom);
photo2_mc.addEventListener(TransformGestureEvent.GESTURE_ZOOM,onZoom);
photo3_mc.addEventListener(TransformGestureEvent.GESTURE_ZOOM,onZoom);

photo1_mc.addEventListener(TransformGestureEvent.GESTURE_ROTATE , onRotate);
photo2_mc.addEventListener(TransformGestureEvent.GESTURE_ROTATE , onRotate);
photo3_mc.addEventListener(TransformGestureEvent.GESTURE_ROTATE , onRotate);

photo1_mc.addEventListener(MouseEvent.MOUSE_DOWN,dragIt);
photo2_mc.addEventListener(MouseEvent.MOUSE_DOWN,dragIt);
photo3_mc.addEventListener(MouseEvent.MOUSE_DOWN,dragIt);

photo1_mc.addEventListener(MouseEvent.MOUSE_UP,dropIt);
photo2_mc.addEventListener(MouseEvent.MOUSE_UP,dropIt);
photo3_mc.addEventListener(MouseEvent.MOUSE_UP,dropIt);

function onZoom (e:TransformGestureEvent){
	e.currentTarget.scaleX *= (e.scaleX+e.scaleY)/2; 
	e.currentTarget.scaleY *= (e.scaleX+e.scaleY)/2;
}

function onRotate(e:TransformGestureEvent){
	e.currentTarget.rotation += e.rotation;
}

function dragIt(e:MouseEvent){
	e.currentTarget.startDrag();
}

function dropIt(e:MouseEvent){
	e.currentTarget.stopDrag();
}