(function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
(function($) {
  return $.fn.mason = function(options, complete) {
    var $self, callback, debug_elements, defaults, elements, mason_clear;
    defaults = {
      itemSelector: '',
      viewport: '',
      numRows : 2,
      numCols: 0,
      ratio: 0,
      sizes: [],
      columns: [[0, 480, 1], [480, 780, 2], [780, 1080, 3], [1080, 1320, 4], [1320, 1680, 5]],
      promoted: [],
      filler: {
        itemSelector: options.itemSelector,
        filler_class: 'mason_filler',
        keepDataAndEvents: false
      },
      fillerDefault:'',
      randomSizes: false,
      randomFillers: false,
      layout: 'none',
      gutter: 0,
      debug: false
    };
    $self = null;
    debug_elements = {
      container: $("<div id='debug'></div>"),
      block: "<div class='mason-debug' style='background-color: rgba(255, 255, 255, .5); float: left;'></div>"
    };
    mason_clear = "<div class='mason_clear' style='clear:both; position:relative;'></div>";
    if (complete) {
      callback = {
        complete: complete
      };
    }
    elements = {
      block: {
        height: 0,
        width: 0
      },
      matrix: [],
      startWidth: 0
    };
    this.each(function() {
      var callbacks, columnSize, debug, layBricks, mason, resize, settings, setup, sizeElements;
      settings = $.extend(defaults, options);
      callbacks = $.extend(callback, complete);
      $self = $(this);
      setup = function() {
        if (settings.debug) {
          console.log("SETUP");
        }
        if ($self.children(".mason_clear").length < 1) {
          $self.append(mason_clear);
        }
        if (settings.viewport && settings.numRows) {
            elements.block.height = $(settings.viewport)[0].offsetHeight/settings.numRows;// + 1
            settings.numCols=Math.round(parseFloat($(window).width()/elements.block.height));
        } else {
            elements.block.height = Math.round(parseFloat(($self.width() / columnSize()) / settings.ratio));//.toFixed(2);

        }
        elements.block.width = Math.round(parseFloat($self.width()/columnSize()+1));//.toFixed(2);+1
       // elements.block.width = Math.round($self.width()/columnSize()+1);
        elements.startWidth = $self.width();
        sizeElements();
        if (settings.debug) {
          console.log("Running In Debug Mode");
          return debug();
        }
      };
      sizeElements = function() {
        var $block;
        if (columnSize() === 1) {
          $block = $self.children("" + settings.itemSelector);
          $block.height(elements.block.height - (settings.gutter * 2));
          $block.width(elements.block.width - (settings.gutter * 2));
          $block.css({
            'margin': settings.gutter
          });
          if (typeof callbacks.complete !== "undefined") {
            return callbacks.complete();
          }
        } else {
          $self.children("" + settings.itemSelector, "." + settings.filler.filler_class).each(function() {
            var h, p, promoted, promoted_size, ran, size, w;
            $block = $(this);
            p = 0;
            promoted = false;
            promoted_size = 0;
            while (p < settings.promoted.length) {
              if ($block.hasClass(settings.promoted[p][0])) {
                promoted = true;
                promoted_size = p;
              }
              p++;
            }
            if (promoted) {
              size = settings.promoted[promoted_size];
              $block.data('size', promoted_size);
              $block.data('promoted', true);
              h = parseFloat(elements.block.height * size[2]).toFixed(0);
              h = h - (settings.gutter * 2);
              w = parseFloat(elements.block.width * size[1]).toFixed(0);
              w = w - (settings.gutter * 2);
            } else {
              ran = Math.floor(Math.random() * settings.sizes.length);
              size = settings.sizes[ran];
              $block.data('size', ran);
              h = parseFloat(elements.block.height * size[1]).toFixed(0);
              h = h - (settings.gutter * 2);
              w = parseFloat(elements.block.width * size[0]).toFixed(0);
              w = w - (settings.gutter * 2);
            }
            $block.height(h + 'px');
            $block.width(w + 'px');
            return $block.css({
              'margin': settings.gutter
            });
          });
          return mason();
        }
      };
      mason = function() {
        var block_h, c, col, el_h, r;
        col = columnSize();
        el_h = $self.height();
        block_h = Math.round(el_h / elements.block.height);
        elements.matrix = [];
        r = 0;
        while (r < block_h) {
          elements.matrix[r] = [];
          c = 0;
          while (c < col) {
            elements.matrix[r][c] = false;
            c++;
          }
          r++;
        }
        $self.children("" + settings.itemSelector).each(function() {
          var $block, a, bh, bw, h, l, results, s, t, w;
          $block = $(this);
          l = Math.round($block.position().left / elements.block.width);
          t = Math.round($block.position().top / elements.block.height);
          s = parseFloat($block.data('size'));
          if ($block.data('promoted')) {
            h = settings.promoted[s][2];
            w = settings.promoted[s][1];
            a = h * w;
          } else {
            h = settings.sizes[s][1];
            w = settings.sizes[s][0];
            a = h * w;
          }
          r = 0;
          results = [];
          while (r < a) {
            bh = 0;
            while (bh < h) {
              bw = 0;
              elements.matrix[t + bh][l] = true;
              while (bw < w) {
                elements.matrix[t + bh][l + bw] = true;
                bw++;
              }
              bh++;
            }
            results.push(r++);
          }
          return results;
        });
        return layBricks();
      };
      layBricks = function() {
        var hGrid=$('.header_grid')[0].offsetHeight;
        var $filler, $fillerClone, c, filler_index, filler_total, h, r, w, x, y;
        r = 0;
        //if (settings.viewport && settings.numRows) {
        var $allElements=$("" + settings.filler.itemSelector).removeClass('no_clone').not("." + settings.filler.filler_class);
        if (settings.viewport) {

            $fillerClone = $allElements.each(function(){
                var $el=$(this);
                if ($el[0].offsetTop<hGrid) {
                    $el.addClass('no_clone');
                }
            }).not('.no_clone').add($allElements);
        } else{
            $fillerClone=$allElements;
        }

        filler_total = $fillerClone.length;
        filler_index = -1;
        while (r < elements.matrix.length) {
          c = 0;
          while (c < elements.matrix[r].length) {
            if (!elements.matrix[r][c]) {
              h = elements.block.height;
              w = elements.block.width;
              x = (r * h) + settings.gutter;
              y = (c * w) + settings.gutter;
              h = h - settings.gutter * 2;
              w = w - settings.gutter * 2;
              if (settings.randomFillers) {
                filler_index = Math.floor(Math.random() * filler_total);
              } else {
                if (filler_index < filler_total) {
                  filler_index++;
                }
                if (filler_index === filler_total) {
                  filler_index = 0;
                }
              }
              $filler = $fillerClone.eq(filler_index).clone(settings.filler.keepDataAndEvents);
              if (!$filler[0] && settings.fillerDefault) {
                  $filler = $(settings.fillerDefault);
              }
              $filler.addClass(settings.filler.filler_class);
              $filler.css({
                position: 'absolute',
                top: x + 'px',
                left: y + 'px',
                height: h + 'px',
                width: w + 'px',
                margin: '0px'
              });
              //console.log(hGrid, x+h-2);
              if((x+h-2)<=hGrid){
                $filler.appendTo($self);
              }
            }
            c++;
          }
          r++;
        }
        if ($self.width() < elements.startWidth) {
          return $(window, $self).trigger('resize');
        } else {
          if (typeof callbacks.complete !== "undefined") {
            return callbacks.complete();
          }
        }
      };
      columnSize = function() {
        if (settings.numCols) {
            return settings.numCols;
        }
        var cols, colsCount, i, w;
        w = parseFloat($self.width());
        cols = 0;
        colsCount = settings.columns.length - 1;
        if (w >= settings.columns[colsCount[1]]) {
          cols = settings.columns[colsCount[2]];
        } else {
          i = 0;
          while (i <= colsCount) {
            if (w > settings.columns[i][0] && settings.columns[i][1]) {
              cols = settings.columns[i][2];
            }
            i++;
          }
        }
        return Math.floor(cols);
      };
      debug = function() {
        var $debug, block, block_h, c, col, el_h, i;
        $debug = $self.parent();
        col = columnSize();
        el_h = $self.height();
        block_h = el_h / elements.block.height;
        debug_elements.container.css({
          position: 'absolute',
          top: '0',
          left: '0',
          height: $self.height(),
          width: $self.width()
        });
        i = 0;
        while (i < block_h) {
          c = 0;
          while (c < col) {
            block = $(debug_elements.block);
            block.css({
              height: elements.block.height - (settings.gutter * 2),
              width: elements.block.width - (settings.gutter * 2),
              margin: settings.gutter
            });
            debug_elements.container.append(block);
            c++;
          }
          i++;
        }
        debug_elements.container.append(mason_clear);
        return $debug.prepend(debug_elements.container);
      };
      if (settings.layout === "fluid") {
        resize = null;
        var ev='resize';
        if(window.orientation){
            ev='orientationchange';
        }
        $(window, $self).on(ev, (function(_this) {
          return function(event) {
            $("." + settings.filler.filler_class).remove();
            elements.matrix = [];
            clearTimeout(resize);
            resize = null;
            return resize = setTimeout(function() {
              return setup();
            }, 0);
          };
        })(this));
      }
      return setup();
    });
    return {
      destroy: function() {
        return $(window, $self).off('resize');
      }
    };
  };
})(jQuery);



},{}]},{},[1]);