Help needed with virtual bookshelf - drag and drop between components?

Question

Hi there,
Im trying to create a virtual bookshelf, where book spines are individual movie clips that can be dragged and re-ordered on the shelf.  At the moment i can drag the spines to one assigned target, but not any target or 'nudge' the position of the other books along.
Im sorry if this is a bit vague i'm not that experienced in as3, please feel free to ask any questions and i'll do my best to answer.  Im thinking that an array is necessary which holds the positions, but im not sure how to put it all together!
Any help greatly appreciated! The code i have so far is:
import flash.events.MouseEvent;
import flash.display.MovieClip;
var dragArray:Array = [red, blue, green, purple, yellow];
var matchArray:Array = [target1, target2, target3, target4, target5];
var currentClip:MovieClip;
var startX:Number;
var startY:Number;
for(var i:int = 0; i < dragArray.length; i++) {
dragArray[i].buttonMode = true;
dragArray[i].addEventListener(MouseEvent.MOUSE_DOWN, item_onMouseDown);
matchArray[i].alpha = 0.2;
function item_onMouseDown(event:MouseEvent):void {
currentClip = MovieClip(event.currentTarget);
startX = currentClip.x;
startY = currentClip.y;
addChild(currentClip); //bring to the front
currentClip.startDrag();
stage.addEventListener(MouseEvent.MOUSE_UP, stage_onMouseUp);
function stage_onMouseUp(event:MouseEvent):void {
stage.removeEventListener(MouseEvent.MOUSE_UP, stage_onMouseUp);
currentClip.stopDrag();
var index:int = dragArray.indexOf(currentClip);
var matchClip:MovieClip = MovieClip(matchArray[index]);
if(matchClip.hitTestPoint(currentClip.x, currentClip.y, true)) {
  //a match was made! position the clip on the matching clip:
  currentClip.x = matchClip.x;
  currentClip.y = matchClip.y;
  //make it not draggable anymore:
  currentClip.removeEventListener(MouseEvent.MOUSE_DOWN, item_onMouseDown);
  currentClip.buttonMode = false;
} else {
  //match was not made, so send the clip back where it started:
  currentClip.x = startX;
  currentClip.y = startY;

Answer 1

Morning kglad, thanks for your help yesterday. I tried the code again and still have the same problems - you cant drop over another book and it nudges that book along aswell as the others to the right. Also if you drop a book back in its originally place - sometimes - it creates a gap next to it. The book still only seem happy in their original starting positions!
Its very close, im continuing to try fiddle with it to get it working, have the whole of today to try and do this so the coffee is on!
Ive taken some code out that I realise this morning I didnt't need - e.g the code that stops a book being dragged once you have positioned it (they need to be able to be repositioned more than once, and the code that sends a book back to its original position if you didnt reposition it over a target. If this was foolish please tell me! I have a feeling the latter was!
so the code im trying to get working at the moment is:
import flash.events.MouseEvent;
import flash.display.MovieClip;
var dragArray:Array = [red, blue, green, purple, yellow];
var matchArray:Array = [target1, target2, target3, target4, target5];
var currentClip:MovieClip;
var startX:Number;
var startY:Number;
for(var i:int = 0; i < dragArray.length; i++) {
// REMOVED
//dragArray[i].buttonMode = true;
dragArray[i].addEventListener(MouseEvent.MOUSE_DOWN, item_onMouseDown);
matchArray[i].alpha = 0.2;
function item_onMouseDown(event:MouseEvent):void {
currentClip = MovieClip(event.currentTarget);
startX = currentClip.x;
startY = currentClip.y;
addChild(currentClip); //bring to the front
currentClip.startDrag();
stage.addEventListener(MouseEvent.MOUSE_UP, stage_onMouseUp);
function stage_onMouseUp(event:MouseEvent):void {
stage.removeEventListener(MouseEvent.MOUSE_UP, stage_onMouseUp);
currentClip.stopDrag();
var index:int = dragArray.indexOf(currentClip);
var matchClip:MovieClip = MovieClip(matchArray[index]);
if(matchClip.hitTestPoint(currentClip.x, currentClip.y, true)) {
  //a match was made against a target:
  currentClip.x = matchClip.x;
  currentClip.y = matchClip.y;
//REMOVED
//make it not draggable anymore:
  //currentClip.removeEventListener(MouseEvent.MOUSE_DOWN, item_onMouseDown);
  //currentClip.buttonMode = false;
for(var i:int=dragArray.indexOf(currentClip)+1;i<dragArray.length;i++){
dragArray[i].x+=currentClip.width;
  // REMOVED
  //else {
  //match was not made, so send the clip back where it started:
  //currentClip.x = startX;
  //currentClip.y = startY;