wip

public/web/shella/scripts/module.masonry.js

@@ -0,0 +1,55 @@
+theme.Masonry = function() {
+
+    function Masonry() {
+        jQueryBridget('masonry', window.Masonry, $);
+        
+        this.load();
+    };
+
+    Masonry.prototype = $.extend({}, Masonry.prototype, {
+        load: function() {
+            this.init();
+        },
+        init: function (is_first) {
+            var _ = this,
+                $masonry = $('.masonry'),
+                params = {
+                    itemSelector: '[class*="col-"]'
+                };
+
+            this.$masonry = $masonry;
+
+            function load() {
+                $masonry.masonry(params).removeClass('invisible');
+
+                setTimeout(function () {
+                    _.update();
+                }, 100);
+            };
+
+            if(is_first) {
+                load();
+            } else {
+                $(function () {
+                    load();
+                    
+                    $(window).on('load', function () {
+                        _.update();
+                    });
+                });
+            }
+        },
+        update: function () {
+            this.$masonry.masonry('layout');
+        },
+        destroy: function () {
+            this.$masonry.masonry('destroy');
+        }
+    });
+
+    theme.Masonry = new Masonry;
+};
+
+$(function() {
+    theme.Masonry();
+});