load tutorials masonry on page:load.

1 files changed, 2 insertions, 9 deletions

diff --git a/app/views/tutorials/index.html.erb b/app/views/tutorials/index.html.erb
index 08eebcc5..4dacca36 100644
--- a/app/views/tutorials/index.html.erb
+++ b/app/views/tutorials/index.html.erb
@@ -1,15 +1,8 @@
 <% provide(:description, "The latest tutorials") -%>
 <% content_for :javascript do -%>
 <script type="text/javascript">  
-  $(function(){
-    var container = $('#tutorials-div');
-    container.imagesLoaded(function(){
-      container.masonry({
-        itemSelector : '.span4',
-        isResizable: true
-      }); 
-    });
-  });
+  $(function(){ new Masonry('#tutorials-div').load(); });
+  document.addEventListener("page:load", function() { new Masonry('#tutorials-div').load(); });
 </script>
 <% end -%>
 <div id="tutorials-div" class="row">