title: A WrapPanel in which selection divides the panel to show a detail view?
body: <ul>
  <li>Scrolling is horizontal</li>
  <li>Touch-driven.  </li>
  <li>Items flow down, then into the next column </li>
  <li>Touching an item would scroll the panel to a set point so the detail view would always be in the same spot.  </li>
  <li>The next column over would "break off" and animate to the right, to reveal a details pane in the context of the selected item.  </li>
  <li>Touching any visible item (in a different column) would "close" the revealed detail, then animate the new selected item to the left static point and again cut the next column away to reveal the detail. Touching any visible item in the same column would just do a fade-out-in animation.</li>
  </ul>
  
  <p>Here are some simple mocks:</p>
  
  <p><img src="https://i.imgur.com/8DHbon7.png" alt=""></p>
  
  <p><img src="https://i.imgur.com/wL6rGfr.png" alt=""></p>
  
  <p>90% of this is simple to me, but the process to create a wrap panel which can "separate" itself to reveal an item is eluding me in a big way.  Any advice would be appreciated.</p>