endless_page_with_masonry.js

$(document).ready(function() {

  var $container = $('#translators')

  $($container).isotope({
    itemSelector: '.item',
    masonry: {
      columnWidth: 280
    }
  })

  $container.infinitescroll({
      navSelector: '#page_nav',
      nextSelector: '#page_nav .pagination .next_page a',
      itemSelector: '.item',    
      pixelsFromNavToBottom: -Math.round($(window).height() * 0.9),
      bufferPx: Math.round($(window).height() * 0.9),
      loading      : {
        msgText  : $container.attr("data-loading-message"),
        finishedMsg: $container.attr("data-no-more-translators")
      }
    },
    function(newElements) {
      $container.isotope('appended', $(newElements))
    }
  )

})