title: Drag and drop image from and to fixed position on fixed path
body: <p>I am trying to allow the user to drag and drop and image from on position to another. The screen layout is as follows:</p>
  
  <p>1 2 3</p>
  
  <p>4 5 6</p>
  
  <p>7 8 9</p>
  
  <p>I want the user to grab image 2, 4, 6, or 8 and drag it to image 5. Upon dragging to image 5 I want to load up a fragment. The user can only drag the image in a straight line from it's current position to 5's position. ie image 2 and only drag down and only until it is overtop of image 5, image 4 can only drag right until overtop of 5, etc.</p>
  
  <p>Any insight on how to do this is greatly appreciated.</p>
  
  <p>Thanks,
  DMan</p>