<div class="site-map">
  <% i = 1 %>
  <% @items.each do |item| %>
    <% if item.show_in_sitemap_for(I18n.locale.to_s) %>
      <div class="map-block">
        <h4><%= i %> <a href='<%= item.path %>'><%= item.title %></a></h4>
        <ul>
          <% ii = 1 %>
          <% item.children.each do |child| %>
            <% if child.show_in_sitemap_for(I18n.locale.to_s) %>
              <li class="clear"><%= "#{i}-#{ii}" %> <a href='<%= child.path %>'><%= child.title %></a></span></li>
              <% ii += 1 %>
            <% end %>
          <% end if item.children %>
        </ul>
      </div>
      <% i += 1 %>
    <% end %>
  <% end %>
</div>

<%= javascript_include_tag "lib/jquery.masonry.min.js" %>
<script>
  $(document).ready(function(){
    $('.site-map').masonry({
      itemSelector: '.map-block',
      columnWidth: 220,
      isAnimated: true
    });
  });
</script>