title: Sorting divs like Windows 8 tiles
body: <p><a href="http://jsfiddle.net/MTxXZ/51/" rel="nofollow">fiddle</a> - here is example. </p>
  
  <p>I'm trying to do something looking exacly like windows 8 tiles grid. We got 3 types of tile sizes</p>
  
  <ul>
  <li>normal=1x1;</li>
  <li>wide=2x1; and</li>
  <li>big=2x2. </li>
  </ul>
  
  <p>What my point is is that tiles dont need to be exacly sorted, but there musnt be empty spaces between them.</p>
  
  <p>I've checked <code>Masonry</code>, <code>Isotope</code>, <code>freetile</code>, <code>vGrid</code>, <code>Wookmark</code> and the same problem occurs: <strong>empty gaps</strong>. </p>
  
  <p>I know that sometimes it may be logically impossible to avoid gaps, but in that case it is possible indeed. </p>
  
  <p>It dont have to be jquery plug-in kind of solution - the only thing I need to get is tiles of different, but fitting to each other sizes and avoid gaps between them when im 'packing' them.</p>
  
  <pre><code>$('article').freetile();
  </code></pre>