title: reLayout items with isotope, doesn't seem to maintain structure
body: <p>I've been playing about with isotope a bit 
  <a href="http://isotope.metafizzy.co/demos/relayout.html" rel="nofollow">http://isotope.metafizzy.co/demos/relayout.html</a>
  and have been trying to create a parent container that remains a fixed size, 
  always having 6 smaller items, and reshuffling to fit the 7th larger item.</p>
  
  <p>Here is what I have so far on jsfiddle
  <a href="http://jsfiddle.net/pedalpete/LGBg6/" rel="nofollow">http://jsfiddle.net/pedalpete/LGBg6/</a></p>
  
  <p>What I was hoping would happen is that after clicking on any block, the total number of smaller blocks in any one row would be 3. </p>
  
  <p>For some reason, either user .isotope('resize'), or resorting and recreating the isotope as I'm doing, I end up with a number greater than 3 in the top row, so the items are not sorted evenly. </p>
  
  <p>I would have thought that the arrangement would be somewhat static after resorting. 
  Is there a way to have isotope obey the width and height parameters of the binding box??</p>