Клонирование контента, добавление и добавление

Я пытаюсь построить бесконечный свиток вверх и вниз, используя isotope plugin.

Но я снова застрял после получения некоторой помощи здесь в stackoverflow. К сожалению, контент только клонируется один раз, но я намерен клонировать и добавлять/добавлять его каждый раз, как только пользователь достигает нижней или верхней части страницы.

Я новичок в jQuery, и я был бы очень признателен, если бы вы могли помочь мне отладить его.

http://jsfiddle.net/sqJqr/7/

$(document).ready(function() {
    var $newElements = $(".isotope").first().children().clone();
    $(window).scroll(function() {
      if ( $(window).scrollTop() >= ($('body').height() - $(window).height()) ) {
        $(".isotope").append( $newElements ).isotope( 'appended', $newElements );
        $isotope = $(".isotope").first().children().clone();
      }
      else if ( $(window).scrollTop() == 1 ) {
        $(".isotope").prepend( $newElements ).isotope('reloadItems').isotope({ sortBy: 'original-order' });
        $isotope = $(".isotope").first().children().clone();
      }    
      return false;
    });
});