title: Help me create an iPad photos-like gallery with JavaScript
body: <p><img src="https://i.stack.imgur.com/SjCxF.png" alt="enter image description here"></p>
  
  <p>I've been playing around with a gallery similar to that of the <a href="http://www.apple.com/ipad/built-in-apps/photos.html" rel="nofollow noreferrer">iPad's photos app</a>, where you have thumbnails neatly stacked and upon clicking(touching) they fly out in a grid layout. If one gallery/stack is already open when you click another stack, the photos should pile up at their original position before the next set animates out.</p>
  
  <p>I though something like <a href="http://isotope.metafizzy.co" rel="nofollow noreferrer">Isotope</a> would be helpful here, but I'm having a real hard time making it stop overwriting itself. Also, I can't quite figure out how to make it seem as if the thumbnails fly out from the "cover image".</p>
  
  <p>I put a simplified version of <a href="http://jsfiddle.net/Ahrengot/5dMrx/" rel="nofollow noreferrer">what I've got so far on JSFiddle</a>.</p>
  
  <p><strong>Any help is greatly appreciated</strong>. I feel like I'm in a little over my head here :)</p>
  
  <p>My question is: <strong>how do i make it seem as if the thumbnails fly out from the "cover image"?</strong></p>