// source --> https://kei.photo/wp-content/themes/kei/js/jquery-sortable-photos.js 
/*
 * jQuery Sortable Photos 1.0.0
 * https://github.com/glekli/jQuery-Sortable-Photos
 *
 * Sortable photo grid widget for jQuery UI.
 *
 * Depends:
 *	jquery.ui.core.js
 *	jquery.ui.widget.js
 *	jquery.ui.draggable.js
 *	jquery.ui.droppable.js
 */

(function ($) {

  /**
   * Constructor for the grid object.
   *
   * @param element
   *   The element on which the widget is initialized.
   * @param gridId
   *   A unique id for this grid.
   * @param width
   *   The total width of the grid that the each row must fit.
   * @param padding
   *   Padding between items in pixels.
   */
  var grid = function (element, gridId, width, padding) {
    this.element = element;
    this.gridId = gridId;
    this.width = width;
    this.padding = (typeof padding !== 'undefined' ? padding : 1);
    this.rows = [];
  };

  /**
   * Defines the prototype for the grid object.
   */
  $.extend(grid.prototype, {

    /**
     * Creates a new row and adds it to the grid object.
     *
     * @returns {gridRow}
     *   The new row.
     */
    createRow: function () {
      // Use array index as id.
      var rowId = this.rows.length;
      var row = new gridRow(rowId, this.width, this.padding);
      this.rows.push(row);
      return row;
    },

    /**
     * Renders the grid.
     */
    render: function () {
      // Keeps track of the current vertical position.
      var currentPos = 0;

      // Iterate through all rows, and let them render at the current
      // vertical position.
      for (var i = 0; i < this.rows.length; i++) {
        this.rows[i].render(currentPos);

        currentPos += this.rows[i].height + this.padding;
      }

      // Set the height on the container
      this.element.css('height', currentPos + 'px');
    }

  }); // $.extend(grid.prototype, {...})

  /**
   * Constructor for the row object.
   *
   * @param rowId
   *   The row's id. Added to the dom elements for identification purposes.
   * @param width
   *   The total width of the row that the row items must fit.
   * @param padding
   *   Padding between items in pixels.
   */
  var gridRow = function (rowId, width, padding) {
    this.rowId = rowId;
    this.width = width;
    this.height = 0;
    this.padding = (typeof padding !== 'undefined' ? padding : 1);
    this.usedWidth = 0;
    this.items = [];
  };

  /**
   * Defines the prototype for the gridRow object.
   */
  $.extend(gridRow.prototype, {

    /**
     * Creates and adds an item to the row. Keeps track of the width used by
     * the item.
     *
     * @param element
     *   The jQuery object representing the item.
     * @param width
     *   The original width of the image contained in this grid item.
     * @param height
     *   The original height of the image contained in this grid item.
     */
    createItem: function (element, width, height) {
      var item = new gridItem(element);
      item.width = width;
      item.height = height;
      item.displayWidth = width;
      item.displayHeight = height;

      // Place item into the row.
      if ((item.displayHeight && item.displayHeight < this.height) || !this.height) {
        // This item is smaller than the current row height.
        // Need to shrink the row to avoid upscaling.
        this.adjustRowHeight(item.height);
      }
      else {
        // Resize the item to match the row height.
        item = this.fitItem(item);
      }

      this.items.push(item);
      this.usedWidth = this.usedWidth + item.displayWidth;
    },

    /**
     * Checks if there is available space in the row for further items.
     */
    isFull: function () {
      return (this.getAvailableWidth() <= 0);
    },

    /**
     * Returns the width available for additional items to be added.
     *
     * @returns
     *   Width in pixels.
     */
    getAvailableWidth: function () {
      return this.width - this.usedWidth;
    },

    /**
     * Modifies an item's display size so that its height fits the row.
     *
     * @param item
     *   Item object.
     * @returns
     *   The modified item object.
     */
    fitItem: function (item) {
      if (!item.width || !item.height) {
        return item;
      }

      var aspect = item.width / item.height;
      var newWidth = Math.round(aspect * this.height);

      item.displayWidth = newWidth;
      item.displayHeight = this.height;

      return item;
    },

    /**
     * Sets the row's height, and adjusts all items currently in the row
     * to fit the new height.
     *
     * @param newHeight
     *   New height in pixels.
     */
    adjustRowHeight: function (newHeight) {
      this.height = newHeight;

      // Iterate through existing items and set the height while maintaining
      // the aspect ratio.
      this.usedWidth = 0;
      for (var i = 0; i < this.items.length; i++) {
        if (!this.items[i].width || !this.items[i].height) {
          continue;
        }

        var aspect = this.items[i].width / this.items[i].height;
        var newWidth = Math.round(aspect * this.height);

        this.items[i].displayWidth = newWidth;
        this.items[i].displayHeight = this.height;

        this.usedWidth = this.usedWidth + this.items[i].displayWidth;
      }
    },

    /**
     * Renders the row. Applies CSS to the items in the row.
     *
     * @param top
     *   Vertical position to apply to the items.
     */
    render: function (top) {
      if (this.items.length == 0) {
        // There isn't anything to render.
        return;
      }

      // Calculate how much space is available for row items when accounting
      // for padding.
      var targetWidth = this.width - (this.items.length - 1) * this.padding;

      // All items will be resized by a certain percentage to make them fit
      // the width calculated above.
      var adjustment;
      if (targetWidth < this.usedWidth) {
        adjustment = targetWidth / this.usedWidth;
      }
      else {
        // Content would need to be enlarged to fit. Leave as is.
        adjustment = 1;
      }
      this.height = Math.round(this.height * adjustment);

      // Keeps track of the X position where the next item
      // should be placed.
      var currentPos = 0;

      // Adjust widths so that the items fully fill in the full width.
      // Apply css to place items.
      for (var i = 0; i < this.items.length; i++) {

        // Adjust size to fit the width, if needed.
        if (adjustment != 1) {
          this.items[i].displayHeight = this.height;

          if (i < this.items.length - 1) {
            this.items[i].displayWidth = Math.round(this.items[i].displayWidth * adjustment);
          }
          else {
            // The last item should use up all the space that's left. This will
            // fix the discrepancy caused by rounding.
            this.items[i].displayWidth = this.width - currentPos;
          }
        }

        // Apply placement.
        var elem = this.items[i].element
        elem.attr('data-row-id', this.rowId);
        elem.css('position', 'absolute');
        elem.css('top', top + 'px');
        elem.css('left', currentPos + 'px');
        elem.find('img').css('width', this.items[i].displayWidth + 'px');
        elem.find('img').css('height', this.items[i].displayHeight + 'px');

        currentPos += this.items[i].displayWidth + this.padding;
      }

    }

  }); // $.extend(gridRow.prototype, {...})

  /**
   * Constructor for the row item object.
   *
   * @param element
   *   The jQuery object representing the item.
   */
  var gridItem = function (element) {
    this.element = element;
    this.width = 0;
    this.height = 0;
    this.displayWidth = 0;
    this.displayHeight = 0;
  };

  // Keeps track of the created containers.
  // Used to assign a unique id to each.
  var nextContainerId = 0;

  /**
   * Registers the jQuery UI widget.
   */
  $.widget('glekli.sortablePhotos', {
    options: {
      selector: '> *',
      sortable: true,
      padding: 2
    },

    /**
     *  Arranges the grid.
     */
    arrange: function () {
      this._trigger('beforeArrange', null, this.element);

      // Container is the object on which the widget is initialized.
      var container = this.element;
      var containerWidth = container.width();
      var containerId = this.containerId;
      var gridPadding = parseInt(this.options.padding);
      var items = container.find(this.options.selector);

      // Create a unique id for this grid container.
      container.attr('data-jq-sortable-photos-grid-id', containerId);

      // Create grid objects.
      var currentGrid = new grid(container, containerId, containerWidth, gridPadding);
      var row = currentGrid.createRow();

      // Find grid items and create rows.
      items.each(function (itemIndex) {
        // Create a unique id for this grid item.
        var itemId = containerId + '-' + itemIndex;
        var itemElement = $(this);
        itemElement.attr('data-grid-item-id', itemId);
        itemElement.addClass('jq-sortable-photos-item');

        var img = itemElement.find('img');

        // Remove css so that the actual size can be determined.
        img.css('height', '');
        img.css('width', '');
        img.css('max-width', 'none');

        row.createItem(itemElement, img.width(), img.height());

        // Check if adding this item has used up all the space.
        if (row.isFull()) {
          // This item is the last one that fits the container.
          // Start a new row.
          row = currentGrid.createRow();
        }

      }); // items.each()

      // Render.
      currentGrid.render();

    }, // arrange()

    /**
     * Returns a function that can be used as an event handler.
     * The function triggers arrange() and ensures that it's not triggered
     * too frequently.
     *
     * @returns {Function}
     *   Event handler.
     */
    _getTriggerHandler: function () {
      var timer;
      var self = this;

      if (!this._triggerHandler) {
        this._triggerHandler = function () {
          if (timer) {
            clearTimeout(timer);
          }

          timer = setTimeout(function () {
            self.arrange();
          }, 100);
        };
      }

      return this._triggerHandler;
    },

    /**
     * Called after an item is dropped.
     * (Used as callback for the 'drop' event of the droppable widget.)
     *
     * @param droppable
     *   Droppable widget.
     * @param ui
     *   Data object from the droppable event.
     */
    _onDrop: function(droppable, ui) {
      // Move the dragged item to the new position in the DOM
      // and rearrange the items.
      // Need to use .detach() to keep the event listeners added
      // by jQuery UI.
      var movedItem = $(ui.draggable).detach();
      movedItem.insertBefore(droppable);
      this.arrange();

      // Trigger event so that third parties have a chance to process the result.
      this._trigger('afterDrop', null, this.element);
    },

    /**
     * Constructor.
     */
    _create: function() {
      this.containerId = nextContainerId++;
      var triggerHandler = this._getTriggerHandler();
      var items = this.element.find(this.options.selector);
      var self = this;

      this.element[0].style.position = 'relative';

      // Arrange grid items.
      this.arrange();

      if (this.options.sortable) {
        items.draggable({
          scope: 'jq-sortable-photos-' + this.containerId,
          stack: '.jq-sortable-photos-item', // Maintains z-indexes.
          revert: 'invalid',
          opacity: 0.6,
          containment: 'parent'
        });

        items.droppable({
          scope: 'jq-sortable-photos-' + this.containerId,
          tolerance: 'pointer',
          drop: function(event, ui) {
            self._onDrop(this, ui);
          }
        });
      }

      // Attach event listeners to trigger grid rearrangement when necessary.
      this.element.find('img').bind('load', triggerHandler);
      $(window).bind('resize', triggerHandler);
    },

    /**
     * Destructor.
     *
     * For jQuery UI <1.9 compatibility, the .destroy() method needs
     * to be overridden. (Later versions use ._destroy() instead.)
     */
    destroy: function() {
      var triggerHandler = this._getTriggerHandler();

      // Invoke the parent implementation.
      $.Widget.prototype.destroy.apply(this, arguments);

      // Detach event listeners.
      this.element.find('img').unbind('load', triggerHandler);
      $(window).unbind('resize', triggerHandler);
    }

  }); // $.widget()

})(jQuery);
// source --> https://kei.photo/wp-content/themes/kei/js/lity.min.js 
/*! Lity - v2.2.1 - 2016-11-21
* http://sorgalla.com/lity/
* Copyright (c) 2015-2016 Jan Sorgalla; Licensed MIT */
!function(a,b){"function"==typeof define&&define.amd?define(["jquery"],function(c){return b(a,c)}):"object"==typeof module&&"object"==typeof module.exports?module.exports=b(a,require("jquery")):a.lity=b(a,a.jQuery||a.Zepto)}("undefined"!=typeof window?window:this,function(a,b){"use strict";function c(a){var b=B();return N&&a.length?(a.one(N,b.resolve),setTimeout(b.resolve,500)):b.resolve(),b.promise()}function d(a,c,d){if(1===arguments.length)return b.extend({},a);if("string"==typeof c){if("undefined"==typeof d)return"undefined"==typeof a[c]?null:a[c];a[c]=d}else b.extend(a,c);return this}function e(a){for(var b,c=decodeURI(a.split("#")[0]).split("&"),d={},e=0,f=c.length;e<f;e++)c[e]&&(b=c[e].split("="),d[b[0]]=b[1]);return d}function f(a,c){return a+(a.indexOf("?")>-1?"&":"?")+b.param(c)}function g(a,b){var c=a.indexOf("#");return-1===c?b:(c>0&&(a=a.substr(c)),b+a)}function h(a){return b('<span class="lity-error"/>').append(a)}function i(a,c){var d=c.opener()&&c.opener().data("lity-desc")||"Image with no description",e=b('<img src="'+a+'" alt="'+d+'"/>'),f=B(),g=function(){f.reject(h("Failed loading image"))};return e.on("load",function(){return 0===this.naturalWidth?g():void f.resolve(e)}).on("error",g),f.promise()}function j(a,c){var d,e,f;try{d=b(a)}catch(a){return!1}return!!d.length&&(e=b('<i style="display:none !important"/>'),f=d.hasClass("lity-hide"),c.element().one("lity:remove",function(){e.before(d).remove(),f&&!d.closest(".lity-content").length&&d.addClass("lity-hide")}),d.removeClass("lity-hide").after(e))}function k(a){var c=J.exec(a);return!!c&&o(g(a,f("https://www.youtube"+(c[2]||"")+".com/embed/"+c[4],b.extend({autoplay:1},e(c[5]||"")))))}function l(a){var c=K.exec(a);return!!c&&o(g(a,f("https://player.vimeo.com/video/"+c[3],b.extend({autoplay:1},e(c[4]||"")))))}function m(a){var c=M.exec(a);return!!c&&(0!==a.indexOf("http")&&(a="https:"+a),o(g(a,f("https://www.facebook.com/plugins/video.php?href="+a,b.extend({autoplay:1},e(c[4]||""))))))}function n(a){var b=L.exec(a);return!!b&&o(g(a,f("https://www.google."+b[3]+"/maps?"+b[6],{output:b[6].indexOf("layer=c")>0?"svembed":"embed"})))}function o(a){return'<div class="lity-iframe-container"><iframe frameborder="0" allowfullscreen src="'+a+'"/></div>'}function p(){return z.documentElement.clientHeight?z.documentElement.clientHeight:Math.round(A.height())}function q(a){var b=v();b&&(27===a.keyCode&&b.close(),9===a.keyCode&&r(a,b))}function r(a,b){var c=b.element().find(G),d=c.index(z.activeElement);a.shiftKey&&d<=0?(c.get(c.length-1).focus(),a.preventDefault()):a.shiftKey||d!==c.length-1||(c.get(0).focus(),a.preventDefault())}function s(){b.each(D,function(a,b){b.resize()})}function t(a){1===D.unshift(a)&&(C.addClass("lity-active"),A.on({resize:s,keydown:q})),b("body > *").not(a.element()).addClass("lity-hidden").each(function(){var a=b(this);void 0===a.data(F)&&a.data(F,a.attr(E)||null)}).attr(E,"true")}function u(a){var c;a.element().attr(E,"true"),1===D.length&&(C.removeClass("lity-active"),A.off({resize:s,keydown:q})),D=b.grep(D,function(b){return a!==b}),c=D.length?D[0].element():b(".lity-hidden"),c.removeClass("lity-hidden").each(function(){var a=b(this),c=a.data(F);c?a.attr(E,c):a.removeAttr(E),a.removeData(F)})}function v(){return 0===D.length?null:D[0]}function w(a,c,d,e){var f,g="inline",h=b.extend({},d);return e&&h[e]?(f=h[e](a,c),g=e):(b.each(["inline","iframe"],function(a,b){delete h[b],h[b]=d[b]}),b.each(h,function(b,d){return!d||(!(!d.test||d.test(a,c))||(f=d(a,c),!1!==f?(g=b,!1):void 0))})),{handler:g,content:f||""}}function x(a,e,f,g){function h(a){k=b(a).css("max-height",p()+"px"),j.find(".lity-loader").each(function(){var a=b(this);c(a).always(function(){a.remove()})}),j.removeClass("lity-loading").find(".lity-content").empty().append(k),m=!0,k.trigger("lity:ready",[l])}var i,j,k,l=this,m=!1,n=!1;e=b.extend({},H,e),j=b(e.template),l.element=function(){return j},l.opener=function(){return f},l.options=b.proxy(d,l,e),l.handlers=b.proxy(d,l,e.handlers),l.resize=function(){m&&!n&&k.css("max-height",p()+"px").trigger("lity:resize",[l])},l.close=function(){if(m&&!n){n=!0,u(l);var a=B();return g&&(z.activeElement===j[0]||b.contains(j[0],z.activeElement))&&g.focus(),k.trigger("lity:close",[l]),j.removeClass("lity-opened").addClass("lity-closed"),c(k.add(j)).always(function(){k.trigger("lity:remove",[l]),j.remove(),j=void 0,a.resolve()}),a.promise()}},i=w(a,l,e.handlers,e.handler),j.attr(E,"false").addClass("lity-loading lity-opened lity-"+i.handler).appendTo("body").focus().on("click","[data-lity-close]",function(a){b(a.target).is("[data-lity-close]")&&l.close()}).trigger("lity:open",[l]),t(l),b.when(i.content).always(h)}function y(a,c,d){a.preventDefault?(a.preventDefault(),d=b(this),a=d.data("lity-target")||d.attr("href")||d.attr("src")):d=b(d);var e=new x(a,b.extend({},d.data("lity-options")||d.data("lity"),c),d,z.activeElement);if(!a.preventDefault)return e}var z=a.document,A=b(a),B=b.Deferred,C=b("html"),D=[],E="aria-hidden",F="lity-"+E,G='a[href],area[href],input:not([disabled]),select:not([disabled]),textarea:not([disabled]),button:not([disabled]),iframe,object,embed,[contenteditable],[tabindex]:not([tabindex^="-"])',H={handler:null,handlers:{image:i,inline:j,youtube:k,vimeo:l,googlemaps:n,facebookvideo:m,iframe:o},template:'<div class="lity" role="dialog" aria-label="Dialog Window (Press escape to close)" tabindex="-1"><div class="lity-wrap" data-lity-close role="document"><div class="lity-loader" aria-hidden="true">Loading...</div><div class="lity-container"><div class="lity-content"></div><button class="lity-close" type="button" aria-label="Close (Press escape to close)" data-lity-close>&times;</button></div></div></div>'},I=/(^data:image\/)|(\.(png|jpe?g|gif|svg|webp|bmp|ico|tiff?)(\?\S*)?$)/i,J=/(youtube(-nocookie)?\.com|youtu\.be)\/(watch\?v=|v\/|u\/|embed\/?)?([\w-]{11})(.*)?/i,K=/(vimeo(pro)?.com)\/(?:[^\d]+)?(\d+)\??(.*)?$/,L=/((maps|www)\.)?google\.([^\/\?]+)\/?((maps\/?)?\?)(.*)/i,M=/(facebook\.com)\/([a-z0-9_-]*)\/videos\/([0-9]*)(.*)?$/i,N=function(){var a=z.createElement("div"),b={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"};for(var c in b)if(void 0!==a.style[c])return b[c];return!1}();return i.test=function(a){return I.test(a)},y.version="2.2.1",y.options=b.proxy(d,y,H),y.handlers=b.proxy(d,y,H.handlers),y.current=v,b(z).on("click.lity","[data-lity]",y),y});