https://www.hiromiuehara.com/files/34/y01/js/main.js

563          return c*(t/=d)*t*t + b;
564     },
565     easeOutCubic: function (x, t, b, c, d) {
566          return c*((t=t/d-1)*t*t + 1) + b;
567     },
568     easeInOutCubic: function (x, t, b, c, d) {
569          if ((t/=d/2) < 1) return c/2*t*t*t + b;
570          return c/2*((t-=2)*t*t + 2) + b;
571     },
572     easeInQuart: function (x, t, b, c, d) {
573          return c*(t/=d)*t*t*t + b;
574     },
575     easeOutQuart: function (x, t, b, c, d) {
576          return -c * ((t=t/d-1)*t*t*t - 1) + b;
577     },
578     easeInOutQuart: function (x, t, b, c, d) {
579          if ((t/=d/2) < 1) return c/2*t*t*t*t + b;
580          return -c/2 * ((t-=2)*t*t*t - 2) + b;
581     },
582     easeInQuint: function (x, t, b, c, d) {
583          return c*(t/=d)*t*t*t*t + b;
584     },
585     easeOutQuint: function (x, t, b, c, d) {
586          return c*((t=t/d-1)*t*t*t*t + 1) + b;
587     },
588     easeInOutQuint: function (x, t, b, c, d) {
589          if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;
590          return c/2*((t-=2)*t*t*t*t + 2) + b;
591     },
592     easeInSine: function (x, t, b, c, d) {
593          return -c * Math.cos(t/d * (Math.PI/2)) + c + b;
594     },
595     easeOutSine: function (x, t, b, c, d) {
596          return c * Math.sin(t/d * (Math.PI/2)) + b;
597     },
598     easeInOutSine: function (x, t, b, c, d) {
599          return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;
600     },
601     easeInExpo: function (x, t, b, c, d) {
602          return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;
603     },
604     easeOutExpo: function (x, t, b, c, d) {
605          return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;
606     },
607     easeInOutExpo: function (x, t, b, c, d) {
608          if (t==0) return b;
609          if (t==d) return b+c;
610          if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;
611          return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;
612     },
613     easeInCirc: function (x, t, b, c, d) {
614          return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;
615     },
616     easeOutCirc: function (x, t, b, c, d) {
617          return c * Math.sqrt(1 - (t=t/d-1)*t) + b;
618     },
619     easeInOutCirc: function (x, t, b, c, d) {
620          if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;
621          return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;
622     },
623     easeInElastic: function (x, t, b, c, d) {
624          var s=1.70158;var p=0;var a=c;
625          if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
626          if (a < Math.abs(c)) { a=c; var s=p/4; }
627          else var s = p/(2*Math.PI) * Math.asin (c/a);
628          return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
629     },
630     easeOutElastic: function (x, t, b, c, d) {
631          var s=1.70158;var p=0;var a=c;
632          if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
633          if (a < Math.abs(c)) { a=c; var s=p/4; }
634          else var s = p/(2*Math.PI) * Math.asin (c/a);
635          return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
636     },
637     easeInOutElastic: function (x, t, b, c, d) {
638          var s=1.70158;var p=0;var a=c;
639          if (t==0) return b;  if ((t/=d/2)==2) return b+c;  if (!p) p=d*(.3*1.5);
640          if (a < Math.abs(c)) { a=c; var s=p/4; }
641          else var s = p/(2*Math.PI) * Math.asin (c/a);
642          if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
643          return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;
644     },
645     easeInBack: function (x, t, b, c, d, s) {
646          if (s == undefined) s = 1.70158;
647          return c*(t/=d)*t*((s+1)*t - s) + b;
648     },
649     easeOutBack: function (x, t, b, c, d, s) {
650          if (s == undefined) s = 1.70158;
651          return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
652     },
653     easeInOutBack: function (x, t, b, c, d, s) {
654          if (s == undefined) s = 1.70158;
655          if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;
656          return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
657     },
658     easeInBounce: function (x, t, b, c, d) {
659          return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;
660     },
661     easeOutBounce: function (x, t, b, c, d) {
662          if ((t/=d) < (1/2.75)) {
663               return c*(7.5625*t*t) + b;
664          } else if (t < (2/2.75)) {
665               return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
666          } else if (t < (2.5/2.75)) {
667               return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
668          } else {
669               return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
670          }
671     },
672     easeInOutBounce: function (x, t, b, c, d) {
673          if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;
674          return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;
675     }
676});
677
678/*
679 *

818		// Must not alter options, thus extending a fresh object...
819		$.cookie(key, '', $.extend({}, options, { expires: -1 }));
820		return !$.cookie(key);
821	};
822
823}));
824
825/*
826 *  Remodal - v1.1.0
827 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
828 *  http://vodkabears.github.io/remodal/
829 *
830 *  Made by Ilya Makarov
831 *  Under MIT License
832 */
833
834!(function(root, factory) {
835  if (typeof define === 'function' && define.amd) {
836    define(['jquery'], function($) {
837      return factory(root, $);
838    });
839  } else if (typeof exports === 'object') {
840    factory(root, require('jquery'));
841  } else {
842    factory(root, root.jQuery || root.Zepto);
843  }
844})(this, function(global, $) {
845
846  'use strict';
847
848  /**
849   * Name of the plugin
850   * @private
851   * @const
852   * @type {String}
853   */
854  var PLUGIN_NAME = 'remodal';
855
856  /**
857   * Namespace for CSS and events
858   * @private
859   * @const
860   * @type {String}
861   */
862  var NAMESPACE = global.REMODAL_GLOBALS && global.REMODAL_GLOBALS.NAMESPACE || PLUGIN_NAME;
863
864  /**
865   * Animationstart event with vendor prefixes
866   * @private
867   * @const
868   * @type {String}
869   */
870  var ANIMATIONSTART_EVENTS = $.map(
871    ['animationstart', 'webkitAnimationStart', 'MSAnimationStart', 'oAnimationStart'],
872
873    function(eventName) {
874      return eventName + '.' + NAMESPACE;
875    }
876
877  ).join(' ');
878
879  /**
880   * Animationend event with vendor prefixes
881   * @private
882   * @const
883   * @type {String}
884   */
885  var ANIMATIONEND_EVENTS = $.map(
886    ['animationend', 'webkitAnimationEnd', 'MSAnimationEnd', 'oAnimationEnd'],
887
888    function(eventName) {
889      return eventName + '.' + NAMESPACE;
890    }
891
892  ).join(' ');
893
894  /**
895   * Default settings
896   * @private
897   * @const
898   * @type {Object}
899   */
900  var DEFAULTS = $.extend({
901    hashTracking: true,
902    closeOnConfirm: true,
903    closeOnCancel: true,
904    closeOnEscape: true,
905    closeOnOutsideClick: true,
906    modifier: '',
907    appendTo: null
908  }, global.REMODAL_GLOBALS && global.REMODAL_GLOBALS.DEFAULTS);
909
910  /**
911   * States of the Remodal
912   * @private
913   * @const
914   * @enum {String}
915   */
916  var STATES = {
917    CLOSING: 'closing',
918    CLOSED: 'closed',
919    OPENING: 'opening',
920    OPENED: 'opened'
921  };
922
923  /**
924   * Reasons of the state change.
925   * @private
926   * @const
927   * @enum {String}
928   */
929  var STATE_CHANGE_REASONS = {
930    CONFIRMATION: 'confirmation',
931    CANCELLATION: 'cancellation'
932  };
933
934  /**
935   * Is animation supported?
936   * @private
937   * @const
938   * @type {Boolean}
939   */
940  var IS_ANIMATION = (function() {
941    var style = document.createElement('div').style;
942
943    return style.animationName !== undefined ||
944      style.WebkitAnimationName !== undefined ||
945      style.MozAnimationName !== undefined ||
946      style.msAnimationName !== undefined ||
947      style.OAnimationName !== undefined;
948  })();
949
950  /**
951   * Is iOS?
952   * @private
953   * @const
954   * @type {Boolean}
955   */
956  var IS_IOS = /iPad|iPhone|iPod/.test(navigator.platform);
957
958  /**
959   * Current modal
960   * @private
961   * @type {Remodal}
962   */
963  var current;
964
965  /**
966   * Scrollbar position
967   * @private
968   * @type {Number}
969   */
970  var scrollTop;
971
972  /**
973   * Returns an animation duration
974   * @private
975   * @param {jQuery} $elem
976   * @returns {Number}
977   */
978  function getAnimationDuration($elem) {
979    if (
980      IS_ANIMATION &&
981      $elem.css('animation-name') === 'none' &&
982      $elem.css('-webkit-animation-name') === 'none' &&
983      $elem.css('-moz-animation-name') === 'none' &&
984      $elem.css('-o-animation-name') === 'none' &&
985      $elem.css('-ms-animation-name') === 'none'
986    ) {
987      return 0;
988    }
989
990    var duration = $elem.css('animation-duration') ||
991      $elem.css('-webkit-animation-duration') ||
992      $elem.css('-moz-animation-duration') ||
993      $elem.css('-o-animation-duration') ||
994      $elem.css('-ms-animation-duration') ||
995      '0s';
996
997    var delay = $elem.css('animation-delay') ||
998      $elem.css('-webkit-animation-delay') ||
999      $elem.css('-moz-animation-delay') ||
1000      $elem.css('-o-animation-delay') ||
1001      $elem.css('-ms-animation-delay') ||
1002      '0s';
1003
1004    var iterationCount = $elem.css('animation-iteration-count') ||
1005      $elem.css('-webkit-animation-iteration-count') ||
1006      $elem.css('-moz-animation-iteration-count') ||
1007      $elem.css('-o-animation-iteration-count') ||
1008      $elem.css('-ms-animation-iteration-count') ||
1009      '1';
1010
1011    var max;
1012    var len;
1013    var num;
1014    var i;
1015
1016    duration = duration.split(', ');
1017    delay = delay.split(', ');
1018    iterationCount = iterationCount.split(', ');
1019
1020    // The 'duration' size is the same as the 'delay' size
1021    for (i = 0, len = duration.length, max = Number.NEGATIVE_INFINITY; i < len; i++) {
1022      num = parseFloat(duration[i]) * parseInt(iterationCount[i], 10) + parseFloat(delay[i]);
1023
1024      if (num > max) {
1025        max = num;
1026      }
1027    }
1028
1029    return max;
1030  }
1031
1032  /**
1033   * Returns a scrollbar width
1034   * @private
1035   * @returns {Number}
1036   */
1037  function getScrollbarWidth() {
1038    if ($(document.body).height() <= $(window).height()) {
1039      return 0;
1040    }
1041
1042    var outer = document.createElement('div');
1043    var inner = document.createElement('div');
1044    var widthNoScroll;
1045    var widthWithScroll;
1046
1047    outer.style.visibility = 'hidden';
1048    outer.style.width = '100px';
1049    document.body.appendChild(outer);
1050
1051    widthNoScroll = outer.offsetWidth;
1052
1053    // Force scrollbars
1054    outer.style.overflow = 'scroll';
1055
1056    // Add inner div
1057    inner.style.width = '100%';
1058    outer.appendChild(inner);
1059
1060    widthWithScroll = inner.offsetWidth;
1061
1062    // Remove divs
1063    outer.parentNode.removeChild(outer);
1064
1065    return widthNoScroll - widthWithScroll;
1066  }
1067
1068  /**
1069   * Locks the screen
1070   * @private
1071   */
1072  function lockScreen() {
1073    if (IS_IOS) {
1074      return;
1075    }
1076
1077    var $html = $('html');
1078    var lockedClass = namespacify('is-locked');
1079    var paddingRight;
1080    var $body;
1081
1082    if (!$html.hasClass(lockedClass)) {
1083      $body = $(document.body);
1084
1085      // Zepto does not support '-=', '+=' in the `css` method
1086      paddingRight = parseInt($body.css('padding-right'), 10) + getScrollbarWidth();
1087
1088      $body.css('padding-right', paddingRight + 'px');
1089      $html.addClass(lockedClass);
1090    }
1091  }
1092
1093  /**
1094   * Unlocks the screen
1095   * @private
1096   */
1097  function unlockScreen() {
1098    if (IS_IOS) {
1099      return;
1100    }
1101
1102    var $html = $('html');
1103    var lockedClass = namespacify('is-locked');
1104    var paddingRight;
1105    var $body;
1106
1107    if ($html.hasClass(lockedClass)) {
1108      $body = $(document.body);
1109
1110      // Zepto does not support '-=', '+=' in the `css` method
1111      paddingRight = parseInt($body.css('padding-right'), 10) - getScrollbarWidth();
1112
1113      $body.css('padding-right', paddingRight + 'px');
1114      $html.removeClass(lockedClass);
1115    }
1116  }
1117
1118  /**
1119   * Sets a state for an instance
1120   * @private
1121   * @param {Remodal} instance
1122   * @param {STATES} state
1123   * @param {Boolean} isSilent If true, Remodal does not trigger events
1124   * @param {String} Reason of a state change.
1125   */
1126  function setState(instance, state, isSilent, reason) {
1127
1128    var newState = namespacify('is', state);
1129    var allStates = [namespacify('is', STATES.CLOSING),
1130                     namespacify('is', STATES.OPENING),
1131                     namespacify('is', STATES.CLOSED),
1132                     namespacify('is', STATES.OPENED)].join(' ');
1133
1134    instance.$bg
1135      .removeClass(allStates)
1136      .addClass(newState);
1137
1138    instance.$overlay
1139      .removeClass(allStates)
1140      .addClass(newState);
1141
1142    instance.$wrapper
1143      .removeClass(allStates)
1144      .addClass(newState);
1145
1146    instance.$modal
1147      .removeClass(allStates)
1148      .addClass(newState);
1149
1150    instance.state = state;
1151    !isSilent && instance.$modal.trigger({
1152      type: state,
1153      reason: reason
1154    }, [{ reason: reason }]);
1155  }
1156
1157  /**
1158   * Synchronizes with the animation
1159   * @param {Function} doBeforeAnimation
1160   * @param {Function} doAfterAnimation
1161   * @param {Remodal} instance
1162   */
1163  function syncWithAnimation(doBeforeAnimation, doAfterAnimation, instance) {
1164    var runningAnimationsCount = 0;
1165
1166    var handleAnimationStart = function(e) {
1167      if (e.target !== this) {
1168        return;
1169      }
1170
1171      runningAnimationsCount++;
1172    };
1173
1174    var handleAnimationEnd = function(e) {
1175      if (e.target !== this) {
1176        return;
1177      }
1178
1179      if (--runningAnimationsCount === 0) {
1180
1181        // Remove event listeners
1182        $.each(['$bg', '$overlay', '$wrapper', '$modal'], function(index, elemName) {
1183          instance[elemName].off(ANIMATIONSTART_EVENTS + ' ' + ANIMATIONEND_EVENTS);
1184        });
1185
1186        doAfterAnimation();
1187      }
1188    };
1189
1190    $.each(['$bg', '$overlay', '$wrapper', '$modal'], function(index, elemName) {
1191      instance[elemName]
1192        .on(ANIMATIONSTART_EVENTS, handleAnimationStart)
1193        .on(ANIMATIONEND_EVENTS, handleAnimationEnd);
1194    });
1195
1196    doBeforeAnimation();
1197
1198    // If the animation is not supported by a browser or its duration is 0
1199    if (
1200      getAnimationDuration(instance.$bg) === 0 &&
1201      getAnimationDuration(instance.$overlay) === 0 &&
1202      getAnimationDuration(instance.$wrapper) === 0 &&
1203      getAnimationDuration(instance.$modal) === 0
1204    ) {
1205
1206      // Remove event listeners
1207      $.each(['$bg', '$overlay', '$wrapper', '$modal'], function(index, elemName) {
1208        instance[elemName].off(ANIMATIONSTART_EVENTS + ' ' + ANIMATIONEND_EVENTS);
1209      });
1210
1211      doAfterAnimation();
1212    }
1213  }
1214
1215  /**
1216   * Closes immediately
1217   * @private
1218   * @param {Remodal} instance
1219   */
1220  function halt(instance) {
1221    if (instance.state === STATES.CLOSED) {
1222      return;
1223    }
1224
1225    $.each(['$bg', '$overlay', '$wrapper', '$modal'], function(index, elemName) {
1226      instance[elemName].off(ANIMATIONSTART_EVENTS + ' ' + ANIMATIONEND_EVENTS);
1227    });
1228
1229    instance.$bg.removeClass(instance.settings.modifier);
1230    instance.$overlay.removeClass(instance.settings.modifier).hide();
1231    instance.$wrapper.hide();
1232    unlockScreen();
1233    setState(instance, STATES.CLOSED, true);
1234  }
1235
1236  /**
1237   * Parses a string with options
1238   * @private
1239   * @param str
1240   * @returns {Object}
1241   */
1242  function parseOptions(str) {
1243    var obj = {};
1244    var arr;
1245    var len;
1246    var val;
1247    var i;
1248
1249    // Remove spaces before and after delimiters
1250    str = str.replace(/\s*:\s*/g, ':').replace(/\s*,\s*/g, ',');
1251
1252    // Parse a string
1253    arr = str.split(',');
1254    for (i = 0, len = arr.length; i < len; i++) {
1255      arr[i] = arr[i].split(':');
1256      val = arr[i][1];
1257
1258      // Convert a string value if it is like a boolean
1259      if (typeof val === 'string' || val instanceof String) {
1260        val = val === 'true' || (val === 'false' ? false : val);
1261      }
1262
1263      // Convert a string value if it is like a number
1264      if (typeof val === 'string' || val instanceof String) {
1265        val = !isNaN(val) ? +val : val;
1266      }
1267
1268      obj[arr[i][0]] = val;
1269    }
1270
1271    return obj;
1272  }
1273
1274  /**
1275   * Generates a string separated by dashes and prefixed with NAMESPACE
1276   * @private
1277   * @param {...String}
1278   * @returns {String}
1279   */
1280  function namespacify() {
1281    var result = NAMESPACE;
1282
1283    for (var i = 0; i < arguments.length; ++i) {
1284      result += '-' + arguments[i];
1285    }
1286
1287    return result;
1288  }
1289
1290  /**
1291   * Handles the hashchange event
1292   * @private
1293   * @listens hashchange
1294   */
1295  function handleHashChangeEvent() {
1296    var id = location.hash.replace('#', '');
1297    var instance;
1298    var $elem;
1299
1300    if (!id) {
1301
1302      // Check if we have currently opened modal and animation was completed
1303      if (current && current.state === STATES.OPENED && current.settings.hashTracking) {
1304        current.close();
1305      }
1306    } else {
1307
1308      // Catch syntax error if your hash is bad
1309      try {
1310        $elem = $(
1311          '[data-' + PLUGIN_NAME + '-id="' + id + '"]'
1312        );
1313      } catch (err) {}
1314
1315      if ($elem && $elem.length) {
1316        instance = $[PLUGIN_NAME].lookup[$elem.data(PLUGIN_NAME)];
1317
1318        if (instance && instance.settings.hashTracking) {
1319          instance.open();
1320        }
1321      }
1322
1323    }
1324  }
1325
1326  /**
1327   * Remodal constructor
1328   * @constructor
1329   * @param {jQuery} $modal
1330   * @param {Object} options
1331   */
1332  function Remodal($modal, options) {
1333    var $body = $(document.body);
1334    var $appendTo = $body;
1335    var remodal = this;
1336
1337    remodal.settings = $.extend({}, DEFAULTS, options);
1338    remodal.index = $[PLUGIN_NAME].lookup.push(remodal) - 1;
1339    remodal.state = STATES.CLOSED;
1340
1341    remodal.$overlay = $('.' + namespacify('overlay'));
1342
1343    if (remodal.settings.appendTo !== null && remodal.settings.appendTo.length) {
1344      $appendTo = $(remodal.settings.appendTo);
1345    }
1346
1347    if (!remodal.$overlay.length) {
1348      remodal.$overlay = $('<div>').addClass(namespacify('overlay') + ' ' + namespacify('is', STATES.CLOSED)).hide();
1349      $appendTo.append(remodal.$overlay);
1350    }
1351
1352    remodal.$bg = $('.' + namespacify('bg')).addClass(namespacify('is', STATES.CLOSED));
1353
1354    remodal.$modal = $modal
1355      .addClass(
1356        NAMESPACE + ' ' +
1357        namespacify('is-initialized') + ' ' +
1358        remodal.settings.modifier + ' ' +
1359        namespacify('is', STATES.CLOSED))
1360      .attr('tabindex', '-1');
1361
1362    remodal.$wrapper = $('<div>')
1363      .addClass(
1364        namespacify('wrapper') + ' ' +
1365        remodal.settings.modifier + ' ' +
1366        namespacify('is', STATES.CLOSED))
1367      .hide()
1368      .append(remodal.$modal);
1369    $appendTo.append(remodal.$wrapper);
1370
1371    // Add the event listener for the close button
1372    remodal.$wrapper.on('click.' + NAMESPACE, '[data-' + PLUGIN_NAME + '-action="close"]', function(e) {
1373      e.preventDefault();
1374
1375      remodal.close();
1376    });
1377
1378    // Add the event listener for the cancel button
1379    remodal.$wrapper.on('click.' + NAMESPACE, '[data-' + PLUGIN_NAME + '-action="cancel"]', function(e) {
1380      e.preventDefault();
1381
1382      remodal.$modal.trigger(STATE_CHANGE_REASONS.CANCELLATION);
1383
1384      if (remodal.settings.closeOnCancel) {
1385        remodal.close(STATE_CHANGE_REASONS.CANCELLATION);
1386      }
1387    });
1388
1389    // Add the event listener for the confirm button
1390    remodal.$wrapper.on('click.' + NAMESPACE, '[data-' + PLUGIN_NAME + '-action="confirm"]', function(e) {
1391      e.preventDefault();
1392
1393      remodal.$modal.trigger(STATE_CHANGE_REASONS.CONFIRMATION);
1394
1395      if (remodal.settings.closeOnConfirm) {
1396        remodal.close(STATE_CHANGE_REASONS.CONFIRMATION);
1397      }
1398    });
1399
1400    // Add the event listener for the overlay
1401    remodal.$wrapper.on('click.' + NAMESPACE, function(e) {
1402      var $target = $(e.target);
1403
1404      if (!$target.hasClass(namespacify('wrapper'))) {
1405        return;
1406      }
1407
1408      if (remodal.settings.closeOnOutsideClick) {
1409        remodal.close();
1410      }
1411    });
1412  }
1413
1414  /**
1415   * Opens a modal window
1416   * @public
1417   */
1418  Remodal.prototype.open = function() {
1419    var remodal = this;
1420    var id;
1421
1422    // Check if the animation was completed
1423    if (remodal.state === STATES.OPENING || remodal.state === STATES.CLOSING) {
1424      return;
1425    }
1426
1427    id = remodal.$modal.attr('data-' + PLUGIN_NAME + '-id');
1428
1429    if (id && remodal.settings.hashTracking) {
1430      scrollTop = $(window).scrollTop();
1431      location.hash = id;
1432    }
1433
1434    if (current && current !== remodal) {
1435      halt(current);
1436    }
1437
1438    current = remodal;
1439    lockScreen();
1440    remodal.$bg.addClass(remodal.settings.modifier);
1441    remodal.$overlay.addClass(remodal.settings.modifier).show();
1442    remodal.$wrapper.show().scrollTop(0);
1443    remodal.$modal.focus();
1444
1445    syncWithAnimation(
1446      function() {
1447        setState(remodal, STATES.OPENING);
1448      },
1449
1450      function() {
1451        setState(remodal, STATES.OPENED);
1452      },
1453
1454      remodal);
1455  };
1456
1457  /**
1458   * Closes a modal window
1459   * @public
1460   * @param {String} reason
1461   */
1462  Remodal.prototype.close = function(reason) {
1463    var remodal = this;
1464
1465    // Check if the animation was completed
1466    if (remodal.state === STATES.OPENING || remodal.state === STATES.CLOSING) {
1467      return;
1468    }
1469
1470    if (
1471      remodal.settings.hashTracking &&
1472      remodal.$modal.attr('data-' + PLUGIN_NAME + '-id') === location.hash.substr(1)
1473    ) {
1474      location.hash = '';
1475      $(window).scrollTop(scrollTop);
1476    }
1477
1478    syncWithAnimation(
1479      function() {
1480        setState(remodal, STATES.CLOSING, false, reason);
1481      },
1482
1483      function() {
1484        remodal.$bg.removeClass(remodal.settings.modifier);
1485        remodal.$overlay.removeClass(remodal.settings.modifier).hide();
1486        remodal.$wrapper.hide();
1487        unlockScreen();
1488
1489        setState(remodal, STATES.CLOSED, false, reason);
1490      },
1491
1492      remodal);
1493  };
1494
1495  /**
1496   * Returns a current state of a modal
1497   * @public
1498   * @returns {STATES}
1499   */
1500  Remodal.prototype.getState = function() {
1501    return this.state;
1502  };
1503
1504  /**
1505   * Destroys a modal
1506   * @public
1507   */
1508  Remodal.prototype.destroy = function() {
1509    var lookup = $[PLUGIN_NAME].lookup;
1510    var instanceCount;
1511
1512    halt(this);
1513    this.$wrapper.remove();
1514
1515    delete lookup[this.index];
1516    instanceCount = $.grep(lookup, function(instance) {
1517      return !!instance;
1518    }).length;
1519
1520    if (instanceCount === 0) {
1521      this.$overlay.remove();
1522      this.$bg.removeClass(
1523        namespacify('is', STATES.CLOSING) + ' ' +
1524        namespacify('is', STATES.OPENING) + ' ' +
1525        namespacify('is', STATES.CLOSED) + ' ' +
1526        namespacify('is', STATES.OPENED));
1527    }
1528  };
1529
1530  /**
1531   * Special plugin object for instances
1532   * @public
1533   * @type {Object}
1534   */
1535  $[PLUGIN_NAME] = {
1536    lookup: []
1537  };
1538
1539  /**
1540   * Plugin constructor
1541   * @constructor
1542   * @param {Object} options
1543   * @returns {JQuery}
1544   */
1545  $.fn[PLUGIN_NAME] = function(opts) {
1546    var instance;
1547    var $elem;
1548
1549    this.each(function(index, elem) {
1550      $elem = $(elem);
1551
1552      if ($elem.data(PLUGIN_NAME) == null) {
1553        instance = new Remodal($elem, opts);
1554        $elem.data(PLUGIN_NAME, instance.index);
1555
1556        if (
1557          instance.settings.hashTracking &&
1558          $elem.attr('data-' + PLUGIN_NAME + '-id') === location.hash.substr(1)
1559        ) {
1560          instance.open();
1561        }
1562      } else {
1563        instance = $[PLUGIN_NAME].lookup[$elem.data(PLUGIN_NAME)];
1564      }
1565    });
1566
1567    return instance;
1568  };
1569
1570  $(document).ready(function() {
1571
1572    // data-remodal-target opens a modal window with the special Id
1573    $(document).on('click', '[data-' + PLUGIN_NAME + '-target]', function(e) {
1574      e.preventDefault();
1575
1576      var elem = e.currentTarget;
1577      var id = elem.getAttribute('data-' + PLUGIN_NAME + '-target');
1578      var $target = $('[data-' + PLUGIN_NAME + '-id="' + id + '"]');
1579
1580      $[PLUGIN_NAME].lookup[$target.data(PLUGIN_NAME)].open();
1581    });
1582
1583    // Auto initialization of modal windows
1584    // They should have the 'remodal' class attribute
1585    // Also you can write the `data-remodal-options` attribute to pass params into the modal
1586    $(document).find('.' + NAMESPACE).each(function(i, container) {
1587      var $container = $(container);
1588      var options = $container.data(PLUGIN_NAME + '-options');
1589
1590      if (!options) {
1591        options = {};
1592      } else if (typeof options === 'string' || options instanceof String) {
1593        options = parseOptions(options);
1594      }
1595
1596      $container[PLUGIN_NAME](options);
1597    });
1598
1599    // Handles the keydown event
1600    $(document).on('keydown.' + NAMESPACE, function(e) {
1601      if (current && current.settings.closeOnEscape && current.state === STATES.OPENED && e.keyCode === 27) {
1602        current.close();
1603      }
1604    });
1605
1606    // Handles the hashchange event
1607    $(window).on('hashchange.' + NAMESPACE, handleHashChangeEvent);
1608  });
1609});