Ajaxでﾃﾞｰﾀを取得し､jQuery(Masonry,Infinite Scroll)を使いたい
まず､ﾍﾟｰｼﾞをﾛｰﾄﾞした際にajaxでcgiからﾃﾞｰﾀを取得し､jqueryのﾌﾟﾗｸﾞｲﾝMasonryを使って画像やﾃｷｽﾄをﾚﾝｶﾞ風に表示します｡初期の表示処理は下記にｱｯﾌﾟしました｡
https://gist.github.com/2917873 (表示用処理javascript)
https://gist.github.com/2917911 (念のためhtml)

この処理にInfinite Scrollﾌﾟﾗｸﾞｲﾝを加えて､ﾌﾞﾗｳｻﾞのｳｨﾝﾄﾞｳを一番下までｽｸﾛｰﾙすると､ajaxでﾃﾞｰﾀを取得し､また同じようにﾚﾝｶﾞ風に画像を表示するというｺｰﾄﾞを書きたいのですが､どのように書けばいいのでしょうか？

Masonryﾌﾟﾗｸﾞｲﾝの公式tips http://masonry.desandro.com/demos/infinite-scroll.html

もしこのﾌﾟﾗｸﾞｲﾝではajaxとｽｸﾛｰﾙ処理を組み合わせた処理ができないのであれば､他の方法や参考になりそうなURLをご教示頂ければと存じます｡
何卒よろしくお願いします｡

参考記事：http://kachibito.net/web-design/masonry-infinite-scroll.html
この記事を読んでみたのですが､ajaxとInfinite Scroll組み合わせると､どのようなｺｰﾄﾞになるのか解らず困っています･･･

$("#container").html('Now Loading...');
$.ajax({
省略
});
$(window).scroll(function () {
 //ﾄﾘｶﾞ条件｡適当｡
 //http://www.atmarkit.co.jp/fdotnet/jqueryref/02attribute/attribute_13.html
 if ($('html, body').height() - $('html, body').scrollTop() < 1000) {
 //display.cgiをGETする$.ajax
 //successｺｰﾙﾊﾞｯｸの$("#container").empty();をｺﾒﾝﾄｱｳﾄして"追加"するように改造する｡
 }
});

(C)株式会社はてな