{:uriI"Âfile:///Users/piotrek/Code/cms/plotline/app/assets/javascripts/plotline/photosets.js?type=application/javascript&pipeline=self&id=b44bb4efb3bda7441c9262be96f6ea62a696dbf5993d10da9155f71785a59f43:ET:load_pathI"</Users/piotrek/Code/cms/plotline/app/assets/javascripts;T:filenameI"R/Users/piotrek/Code/cms/plotline/app/assets/javascripts/plotline/photosets.js;T:	nameI"plotline/photosets;T:logical_pathI"plotline/photosets.self.js;T:content_typeI"application/javascript;T:sourceI"£var Plotline = Plotline || {};

// Responsive Photosets
//
// Based heavily on/stolen from: https://medium.com/coding-design/responsive-photosets-7742e6f93d9e
Plotline.Photosets = {
  initialize: function() {
    window.addEventListener('resize', Plotline.Utils.debounce(this.align.bind(this), 100));

    Plotline.Utils.ready(function() {
      // trigger 'resize' event on window
      var event = document.createEvent('HTMLEvents');
      event.initEvent('resize', true, false);
      window.dispatchEvent(event);
    });
  },

  align: function(event) {
    var rows = document.querySelectorAll('.photoset-row');
    Array.prototype.forEach.call(rows, function(el, i){
      var $pi    = el.querySelectorAll('.photoset-item'),
          cWidth = parseInt(window.getComputedStyle(el.parentNode).width);

      var ratios = Array.prototype.map.call($pi, function(el, index) {
        return el.querySelector('img').getAttribute('data-ratio');
      });

      var sumRatios = 0, sumMargins = 0,
          minRatio  = Math.min.apply(Math, ratios);

      for (var i = 0; i < $pi.length; i++) {
        sumRatios += ratios[i] / minRatio;
      };

      Array.prototype.forEach.call($pi, function(el) {
        sumMargins += parseInt(getComputedStyle(el)['margin-left']) + parseInt(getComputedStyle(el)['margin-right']);
      });

      Array.prototype.forEach.call($pi, function(el, i) {
        var minWidth = (cWidth - sumMargins) / sumRatios;
        var img = el.querySelector('img');

        img.style.width  = (Math.ceil(minWidth / minRatio) * ratios[i]) + 'px';
        img.style.height = (Math.ceil(minWidth / minRatio)) + 'px';
      });
    });
  }
};

Plotline.Photosets.initialize();
;T:metadata{:dependencieso:Set:
@hash{
I"environment-version;TTI"environment-paths;TTI"rails-env;TTI"Zprocessors:type=application/javascript&file_type=application/javascript&pipeline=self;TTI"`file-digest:///Users/piotrek/Code/cms/plotline/app/assets/javascripts/plotline/photosets.js;TT:requiredo;;{ :stubbedo;;{ :
linkso;;{ :charsetI"
utf-8;F:digest"%ØjI¨¤¦@¼ bmZdþï2˜EÙb9?2ÙþŒî"%:lengthi£:dependencies_digest"%$Å£¥Ü©âÒ¾æpÏÒ­¹Mš™ñt£a¯9bN´ï:idI"Eb44bb4efb3bda7441c9262be96f6ea62a696dbf5993d10da9155f71785a59f43;F:
mtimel+.ðV