infinate scroll

app/views/aspects/index.html.haml

@@ -17,7 +17,7 @@
 
   %ul{:class => 'stream', :id => 'main_stream'}
     = render 'shared/stream', :posts => @post_hashes
-
+  = will_paginate @posts
 
 .span-8.last
   = render 'aspects/all_aspects_contacts'

app/views/aspects/show.html.haml

@@ -25,3 +25,4 @@
 
   %ul{:class => 'stream', :id => 'main_stream'}
     = render 'shared/stream', :posts => @post_hashes
+  =will_paginate @posts

app/views/shared/_stream.haml

@@ -3,6 +3,3 @@
 -#   the COPYRIGHT file.
 - for post_hash in posts
   = render 'shared/stream_element', post_hash.merge(:aspects => @aspects, :commenting_disabled => defined?(@commenting_disabled))
-
-.pagination
-  = will_paginate @posts

config/assets.yml

@@ -11,6 +11,7 @@ javascripts:
     - public/javascripts/vendor/jquery.hotkeys.js
     - public/javascripts/vendor/jquery.autoresize.min.js
     - public/javascripts/vendor/fancybox/jquery.fancybox-1.3.1.pack.js
+    - public/javascripts/vendor/jquery.infinitescroll.min.js
     - public/javascripts/vendor/fileuploader.js
     - public/javascripts/view.js
     - public/javascripts/stream.js

public/javascripts/application.js

@@ -1,7 +1,25 @@
-$(function () {  
-  $('#main_stream .pagination a').live('click', function () {  
-      $.getScript(this.href);  
-      return false;  
-    }
-  );
+//$(function () {  
+  //$('#main_stream .pagination a').live('click', function () {  
+      //$.getScript(this.href);  
+      //return false;  
+    //}
+  //);
+//});
+
+// infinitescroll() is called on the element that surrounds 
+// the items you will be loading more of
+ $(document).ready(function() { 
+$('#main_stream').infinitescroll({
+   navSelector  : "div.pagination",            
+                   // selector for the paged navigation (it will be hidden)
+    nextSelector : ".pagination a.next_page",    
+                   // selector for the NEXT link (to page 2)
+    itemSelector : "#main_stream",
+                   // selector for all items you'll retrieve
+    bufferPx: 300,
+    donetext: "no more.",
+    loadingText: "", 
+    loadingImg: 'images/ajax-loader.gif'
+  });
 });
+