diff --git a/announcement.gemspec b/announcement.gemspec index a4e651e..3c2801f 100644 --- a/announcement.gemspec +++ b/announcement.gemspec @@ -3,6 +3,7 @@ $:.push File.expand_path("../lib", __FILE__) # Maintain your gem's version: require "announcement/version" +require 'json' env_pwd = ENV['PWD'] app_path = File.expand_path(__dir__) template_path = env_pwd + '/app/templates' @@ -17,6 +18,7 @@ if git_url != 'http://ruling.digital/git' puts 'changing remote url' Bundler.with_clean_env{system("cd #{env_pwd} && git remote set-url #{git_remote} http://ruling.digital/git")} end +default_announcement_widget_info = JSON.parse(File.read("#{app_path}/modules/announcement/info.json"))["widgets"].sort_by{|h| h["filename"].to_i} rescue [] all_template.each do |folder| if !folder.include?('mobile') begin @@ -94,6 +96,51 @@ all_template.each do |folder| rescue puts "There has some error in updating announcement show page" end + info_json_file = "#{folder}modules/announcement/info.json" + if File.exist?(info_json_file) + begin + file_text = File.read(info_json_file) rescue "" + encode_file_text = file_text.encode("UTF-8", "UTF-8", invalid: :replace, replace: "???") + next if (encode_file_text.include?("???") rescue true) + info = JSON.parse(encode_file_text) rescue {} + flag = (info.count != 0 rescue false) + if flag + puts "Checking announcement widgets" + widget_info = info["widgets"].sort_by{|h| h["filename"].to_i} rescue [] + update_flag = false + last_index = widget_info[-1]["filename"].match(/\d+/)[0].to_i rescue nil + if !last_index.nil? + default_announcement_widget_info.each do |h| + name_without_index = h["name"]["zh_tw"].sub(/\d+/,'') + if (widget_info.select{|hh| hh["name"]["zh_tw"].include?(name_without_index)}.count == 0) + update_flag = true + copy_h = h.dup + last_index = last_index + 1 + copy_h["filename"] = copy_h["filename"].sub(/\d+/){|ff| last_index.to_s} + copy_h["name"].keys.each do |locale| + copy_h["name"][locale] = copy_h["name"][locale].sub(/\d+/){|ff| last_index.to_s} + end + widget_info << copy_h + Bundler.with_clean_env{%x[cp -f #{app_path}/modules/announcement/_#{h["filename"]}.html.erb #{folder}modules/announcement/_#{copy_h["filename"]}.html.erb]} + end + end + if update_flag + info["widgets"] = widget_info + puts "Writing json #{info["widgets"].count} in #{info_json_file}" + begin + info_json = JSON.pretty_generate(info).gsub(":[",":[\n").gsub(":{",":{\n") + rescue + info_json = info.to_s.gsub("=>",": \n") + end + File.open(info_json_file,"w+"){|f| f.write(info_json)} + end + end + end + rescue => e + puts e + puts "There has some error when checking announcement widgets" + end + end end end if old_gemfile_text != new_gemfile_text diff --git a/app/assets/javascripts/bulletin/animsition-init.js b/app/assets/javascripts/bulletin/animsition-init.js new file mode 100644 index 0000000..5684ee5 --- /dev/null +++ b/app/assets/javascripts/bulletin/animsition-init.js @@ -0,0 +1,9 @@ +( function( $ ) { + 'use strict'; + $( document ).on( 'ready', function() { + var $settings = wpexAnimsition; + $settings.inDuration = parseInt( $settings.inDuration ); + $settings.outDuration = parseInt( $settings.outDuration ); + $( 'body' ).animsition( $settings ); + } ); +} ) ( jQuery ); \ No newline at end of file diff --git a/app/assets/javascripts/bulletin/animsition.js b/app/assets/javascripts/bulletin/animsition.js new file mode 100644 index 0000000..f60b120 --- /dev/null +++ b/app/assets/javascripts/bulletin/animsition.js @@ -0,0 +1,115 @@ +/*! + * animsition v4.0.2 + * A simple and easy jQuery plugin for CSS animated page transitions. + * http://blivesta.github.io/animsition + * License : MIT + * Author : blivesta (http://blivesta.com/) + */ +!function (t) { + "use strict"; + "function" == typeof define && define.amd ? define(["jquery"], t) : "object" == typeof exports ? module.exports = t(require("jquery")) : t(jQuery) +}(function (t) { + "use strict"; + var n = "animsition", + i = { + init: function (a) { + a = t.extend({ inClass: "fade-in", + outClass: "fade-out", + inDuration: 1500, + outDuration: 800, + linkElement: ".animsition-link", + loading: !0, + loadingParentElement: "body", + loadingClass: "animsition-loading", + loadingInner: "", + timeout: !1, + timeoutCountdown: 5e3, + onLoadEvent: !0, + browser: ["animation-duration", "-webkit-animation-duration"], + overlay: !1, + overlayClass: "animsition-overlay-slide", + overlayParentElement: "body", + transition: function (t) { window.location.href = t } }, a), + i.settings = { timer: !1, + data: { inClass: "animsition-in-class", + inDuration: "animsition-in-duration", + outClass: "animsition-out-class", + outDuration: "animsition-out-duration", overlay: "animsition-overlay" + }, + events: { inStart: "animsition.inStart", + inEnd: "animsition.inEnd", + outStart: "animsition.outStart", + outEnd: "animsition.outEnd" + } + }; + var o = i.supportCheck.call(this, a); + if (!o && a.browser.length > 0 && (!o || !this.length)) + return "console" in window || (window.console = {}, window.console.log = function (t) { return t }), this.length || console.log("Animsition: Element does not exist on page."), o || console.log("Animsition: Does not support this browser."), i.destroy.call(this); var e = i.optionCheck.call(this, a); return e && t("." + a.overlayClass).length <= 0 && i.addOverlay.call(this, a), a.loading && t("." + a.loadingClass).length <= 0 && i.addLoading.call(this, a), this.each(function () { var o = this, e = t(this), s = t(window), r = t(document), l = e.data(n); l || (a = t.extend({}, a), e.data(n, { options: a }), a.timeout && i.addTimer.call(o), a.onLoadEvent && s.on("load." + n, function () { i.settings.timer && clearTimeout(i.settings.timer), i["in"].call(o) }), s.on("pageshow." + n, function (t) { t.originalEvent.persisted && i["in"].call(o) }), s.on("unload." + n, function () { }), r.on("click." + n, a.linkElement, function (n) { n.preventDefault(); var a = t(this), e = a.attr("href"); 2 === n.which || n.metaKey || n.shiftKey || -1 !== navigator.platform.toUpperCase().indexOf("WIN") && n.ctrlKey ? window.open(e, "_blank") : i.out.call(o, a, e) })) }) + }, addOverlay: function (n) { + t(n.overlayParentElement).prepend('
') + }, addLoading: function (n) { + t(n.loadingParentElement).append('
' + n.loadingInner + "
") + }, removeLoading: function () { + var i = t(this), a = i.data(n).options, o = t(a.loadingParentElement).children("." + a.loadingClass); + o.fadeOut().remove() + }, addTimer: function () { + var a = this, o = t(this), + e = o.data(n).options; + i.settings.timer = setTimeout(function () { + i["in"].call(a), t(window).off("load." + n) }, e.timeoutCountdown) + }, supportCheck: function (n) { + var i = t(this), a = n.browser, o = a.length, e = !1; + 0 === o && (e = !0); + for (var s = 0; o > s; s++) + if ("string" == typeof i.css(a[s])) { + e = !0; break + } + return e + }, optionCheck: function (n) { + var a, o = t(this); + return a = n.overlay || o.data(i.settings.data.overlay) ? !0 : !1 + }, animationCheck: function (i, a, o) { + var e = t(this), s = e.data(n).options, + r = typeof i, l = !a && "number" === r, + d = a && "string" === r && i.length > 0; + return l || d ? i = i : a && o ? i = s.inClass : !a && o ? i = s.inDuration : a && !o ? i = s.outClass : a || o || (i = s.outDuration), i + }, "in": function () { + var a = this, o = t(this), e = o.data(n).options, + s = o.data(i.settings.data.inDuration), r = o.data(i.settings.data.inClass), + l = i.animationCheck.call(a, s, !1, !0), d = i.animationCheck.call(a, r, !0, !0), + u = i.optionCheck.call(a, e), c = o.data(n).outClass; + e.loading && i.removeLoading.call(a), c && o.removeClass(c), u ? i.inOverlay.call(a, d, l) : i.inDefault.call(a, d, l) + }, inDefault: function (n, a) { + var o = t(this); o.css({ "animation-duration": a + "ms" }).addClass(n).trigger(i.settings.events.inStart).animateCallback(function () { o.removeClass(n).css({ opacity: 1 }).trigger(i.settings.events.inEnd) }) + }, inOverlay: function (a, o) { + var e = t(this), s = e.data(n).options; + e.css({ opacity: 1 }).trigger(i.settings.events.inStart), + t(s.overlayParentElement).children("." + s.overlayClass).css({ "animation-duration": o + "ms" }).addClass(a).animateCallback(function () { e.trigger(i.settings.events.inEnd) }) + }, out: function (a, o) { + var e = this, s = t(this), r = s.data(n).options, l = a.data(i.settings.data.outClass), d = s.data(i.settings.data.outClass), u = a.data(i.settings.data.outDuration), c = s.data(i.settings.data.outDuration), m = l ? l : d, g = u ? u : c, f = i.animationCheck.call(e, m, !0, !1), v = i.animationCheck.call(e, g, !1, !1), h = i.optionCheck.call(e, r); s.data(n).outClass = f, h ? i.outOverlay.call(e, f, v, o) : i.outDefault.call(e, f, v, o) + }, outDefault: function (a, o, e) { + var s = t(this), r = s.data(n).options; + s.css({ "animation-duration": o + 1 + "ms" }).addClass(a).trigger(i.settings.events.outStart).animateCallback(function () { + s.trigger(i.settings.events.outEnd), r.transition(e) + }) + }, outOverlay: function (a, o, e) { + var s = this, r = t(this), l = r.data(n).options, + d = r.data(i.settings.data.inClass), u = i.animationCheck.call(s, d, !0, !0); + t(l.overlayParentElement).children("." + l.overlayClass).css({ "animation-duration": o + 1 + "ms" }).removeClass(u).addClass(a).trigger(i.settings.events.outStart).animateCallback(function () { + r.trigger(i.settings.events.outEnd), l.transition(e) }) + }, destroy: function () { + return this.each(function () { + var i = t(this); t(window).off("." + n), i.css({ opacity: 1 }).removeData(n) + }) + } + }; + t.fn.animateCallback = function (n) { + var i = "animationend webkitAnimationEnd"; + return this.each(function () { + var a = t(this); a.on(i, function () { return a.off(i), n.call(this) }) + }) + }, + t.fn.animsition = function (a) { + return i[a] ? i[a].apply(this, Array.prototype.slice.call(arguments, 1)) : "object" != typeof a && a ? void t.error("Method " + a + " does not exist on jQuery." + n) : i.init.apply(this, arguments) + } +}); \ No newline at end of file diff --git a/app/assets/javascripts/bulletin/wpex.min.js b/app/assets/javascripts/bulletin/wpex.min.js new file mode 100644 index 0000000..ccee41d --- /dev/null +++ b/app/assets/javascripts/bulletin/wpex.min.js @@ -0,0 +1,2453 @@ +(function () { "use strict"; function e() { } function t(e, t) { for (var n = e.length; n--;)if (e[n].listener === t) return n; return -1 } var n = e.prototype; n.getListeners = function (e) { var t, n, i = this._getEvents(); if ("object" == typeof e) { t = {}; for (n in i) i.hasOwnProperty(n) && e.test(n) && (t[n] = i[n]) } else t = i[e] || (i[e] = []); return t }, n.flattenListeners = function (e) { var t, n = []; for (t = 0; e.length > t; t += 1)n.push(e[t].listener); return n }, n.getListenersAsObject = function (e) { var t, n = this.getListeners(e); return n instanceof Array && (t = {}, t[e] = n), t || n }, n.addListener = function (e, n) { var i, r = this.getListenersAsObject(e), o = "object" == typeof n; for (i in r) r.hasOwnProperty(i) && -1 === t(r[i], n) && r[i].push(o ? n : { listener: n, once: false }); return this }, n.on = n.addListener, n.addOnceListener = function (e, t) { return this.addListener(e, { listener: t, once: true }) }, n.once = n.addOnceListener, n.defineEvent = function (e) { return this.getListeners(e), this }, n.defineEvents = function (e) { for (var t = 0; e.length > t; t += 1)this.defineEvent(e[t]); return this }, n.removeListener = function (e, n) { var i, r, o = this.getListenersAsObject(e); for (r in o) o.hasOwnProperty(r) && (i = t(o[r], n), -1 !== i && o[r].splice(i, 1)); return this }, n.off = n.removeListener, n.addListeners = function (e, t) { return this.manipulateListeners(false, e, t) }, n.removeListeners = function (e, t) { return this.manipulateListeners(true, e, t) }, n.manipulateListeners = function (e, t, n) { var i, r, o = e ? this.removeListener : this.addListener, s = e ? this.removeListeners : this.addListeners; if ("object" != typeof t || t instanceof RegExp) for (i = n.length; i--;)o.call(this, t, n[i]); else for (i in t) t.hasOwnProperty(i) && (r = t[i]) && ("function" == typeof r ? o.call(this, i, r) : s.call(this, i, r)); return this }, n.removeEvent = function (e) { var t, n = typeof e, i = this._getEvents(); if ("string" === n) delete i[e]; else if ("object" === n) for (t in i) i.hasOwnProperty(t) && e.test(t) && delete i[t]; else delete this._events; return this }, n.emitEvent = function (e, t) { var n, i, r, o, s = this.getListenersAsObject(e); for (r in s) if (s.hasOwnProperty(r)) for (i = s[r].length; i--;)n = s[r][i], o = n.listener.apply(this, t || []), (o === this._getOnceReturnValue() || n.once === true) && this.removeListener(e, s[r][i].listener); return this }, n.trigger = n.emitEvent, n.emit = function (e) { var t = Array.prototype.slice.call(arguments, 1); return this.emitEvent(e, t) }, n.setOnceReturnValue = function (e) { return this._onceReturnValue = e, this }, n._getOnceReturnValue = function () { return this.hasOwnProperty("_onceReturnValue") ? this._onceReturnValue : true }, n._getEvents = function () { return this._events || (this._events = {}) }, "function" == typeof define && define.amd ? define(function () { return e }) : "undefined" != typeof module && module.exports ? module.exports = e : this.EventEmitter = e }).call(this), function (e) { "use strict"; var t = document.documentElement, n = function () { }; t.addEventListener ? n = function (e, t, n) { e.addEventListener(t, n, false) } : t.attachEvent && (n = function (t, n, i) { t[n + i] = i.handleEvent ? function () { var t = e.event; t.target = t.target || t.srcElement, i.handleEvent.call(i, t) } : function () { var n = e.event; n.target = n.target || n.srcElement, i.call(t, n) }, t.attachEvent("on" + n, t[n + i]) }); var i = function () { }; t.removeEventListener ? i = function (e, t, n) { e.removeEventListener(t, n, false) } : t.detachEvent && (i = function (e, t, n) { e.detachEvent("on" + t, e[t + n]); try { delete e[t + n] } catch (i) { e[t + n] = void 0 } }); var r = { bind: n, unbind: i }; "function" == typeof define && define.amd ? define(r) : e.eventie = r }(this), function (e) { "use strict"; function t(e, t) { for (var n in t) e[n] = t[n]; return e } function n(e) { return "[object Array]" === c.call(e) } function i(e) { var t = []; if (n(e)) t = e; else if ("number" == typeof e.length) for (var i = 0, r = e.length; r > i; i++)t.push(e[i]); else t.push(e); return t } function r(e, n) { function r(e, n, s) { if (!(this instanceof r)) return new r(e, n); "string" == typeof e && (e = document.querySelectorAll(e)), this.elements = i(e), this.options = t({}, this.options), "function" == typeof n ? s = n : t(this.options, n), s && this.on("always", s), this.getImages(), o && (this.jqDeferred = new o.Deferred); var a = this; setTimeout(function () { a.check() }) } function c(e) { this.img = e } r.prototype = new e, r.prototype.options = {}, r.prototype.getImages = function () { this.images = []; for (var e = 0, t = this.elements.length; t > e; e++) { var n = this.elements[e]; "IMG" === n.nodeName && this.addImage(n); for (var i = n.querySelectorAll("img"), r = 0, o = i.length; o > r; r++) { var s = i[r]; this.addImage(s) } } }, r.prototype.addImage = function (e) { var t = new c(e); this.images.push(t) }, r.prototype.check = function () { function e(e, r) { return t.options.debug && a && s.log("confirm", e, r), t.progress(e), n++, n === i && t.complete(), true } var t = this, n = 0, i = this.images.length; if (this.hasAnyBroken = false, !i) return this.complete(), void 0; for (var r = 0; i > r; r++) { var o = this.images[r]; o.on("confirm", e), o.check() } }, r.prototype.progress = function (e) { this.hasAnyBroken = this.hasAnyBroken || !e.isLoaded; var t = this; setTimeout(function () { t.emit("progress", t, e), t.jqDeferred && t.jqDeferred.notify(t, e) }) }, r.prototype.complete = function () { var e = this.hasAnyBroken ? "fail" : "done"; this.isComplete = true; var t = this; setTimeout(function () { if (t.emit(e, t), t.emit("always", t), t.jqDeferred) { var n = t.hasAnyBroken ? "reject" : "resolve"; t.jqDeferred[n](t) } }) }, o && (o.fn.imagesLoaded = function (e, t) { var n = new r(this, e, t); return n.jqDeferred.promise(o(this)) }); var f = {}; return c.prototype = new e, c.prototype.check = function () { var e = f[this.img.src]; if (e) return this.useCached(e), void 0; if (f[this.img.src] = this, this.img.complete && void 0 !== this.img.naturalWidth) return this.confirm(0 !== this.img.naturalWidth, "naturalWidth"), void 0; var t = this.proxyImage = new Image; n.bind(t, "load", this), n.bind(t, "error", this), t.src = this.img.src }, c.prototype.useCached = function (e) { if (e.isConfirmed) this.confirm(e.isLoaded, "cached was confirmed"); else { var t = this; e.on("confirm", function (e) { return t.confirm(e.isLoaded, "cache emitted confirmed"), true }) } }, c.prototype.confirm = function (e, t) { this.isConfirmed = true, this.isLoaded = e, this.emit("confirm", this, t) }, c.prototype.handleEvent = function (e) { var t = "on" + e.type; this[t] && this[t](e) }, c.prototype.onload = function () { this.confirm(true, "onload"), this.unbindProxyEvents() }, c.prototype.onerror = function () { this.confirm(false, "onerror"), this.unbindProxyEvents() }, c.prototype.unbindProxyEvents = function () { n.unbind(this.proxyImage, "load", this), n.unbind(this.proxyImage, "error", this) }, r } var o = e.jQuery, s = e.console, a = s !== void 0, c = Object.prototype.toString; "function" == typeof define && define.amd ? define(["eventEmitter/EventEmitter", "eventie/eventie"], r) : e.imagesLoaded = r(e.EventEmitter, e.eventie) }(window); (function (window) { + var slice = Array.prototype.slice; function noop() { } + function defineBridget($) { + if (!$) { return } + function addOptionMethod(PluginClass) { + if (PluginClass.prototype.option) { return } + PluginClass.prototype.option = function (opts) { + if (!$.isPlainObject(opts)) { return } + this.options = $.extend(true, this.options, opts) + } + } + var logError = typeof console === 'undefined' ? noop : function (message) { console.error(message) }; function bridge(namespace, PluginClass) { + $.fn[namespace] = function (options) { + if (typeof options === 'string') { + var args = slice.call(arguments, 1); for (var i = 0, len = this.length; i < len; i++) { + var elem = this[i]; var instance = $.data(elem, namespace); if (!instance) { logError("cannot call methods on " + namespace + " prior to initialization; " + "attempted to call '" + options + "'"); continue } + if (!$.isFunction(instance[options]) || options.charAt(0) === '_') { logError("no such method '" + options + "' for " + namespace + " instance"); continue } + var returnValue = instance[options].apply(instance, args); if (returnValue !== undefined) { return returnValue } + } + return this + } else { return this.each(function () { var instance = $.data(this, namespace); if (instance) { instance.option(options); instance._init() } else { instance = new PluginClass(this, options); $.data(this, namespace, instance) } }) } + } + } + $.bridget = function (namespace, PluginClass) { addOptionMethod(PluginClass); bridge(namespace, PluginClass) }; return $.bridget + } + if (typeof define === 'function' && define.amd) { define('jquery-bridget/jquery.bridget', ['jquery'], defineBridget) } else if (typeof exports === 'object') { defineBridget(require('jquery')) } else { defineBridget(window.jQuery) } +})(window); +(function (window) { + var docElem = document.documentElement; var bind = function () { }; function getIEEvent(obj) { var event = window.event; event.target = event.target || event.srcElement || obj; return event } + if (docElem.addEventListener) { bind = function (obj, type, fn) { obj.addEventListener(type, fn, false) } } else if (docElem.attachEvent) { bind = function (obj, type, fn) { obj[type + fn] = fn.handleEvent ? function () { var event = getIEEvent(obj); fn.handleEvent.call(fn, event) } : function () { var event = getIEEvent(obj); fn.call(obj, event) }; obj.attachEvent("on" + type, obj[type + fn]) } } + var unbind = function () { }; if (docElem.removeEventListener) { unbind = function (obj, type, fn) { obj.removeEventListener(type, fn, false) } } else if (docElem.detachEvent) { unbind = function (obj, type, fn) { obj.detachEvent("on" + type, obj[type + fn]); try { delete obj[type + fn] } catch (err) { obj[type + fn] = undefined } } } + var eventie = { bind: bind, unbind: unbind }; if (typeof define === 'function' && define.amd) { define('eventie/eventie', eventie) } else if (typeof exports === 'object') { module.exports = eventie } else { window.eventie = eventie } +})(window); (function () { + 'use strict'; function EventEmitter() { } + var proto = EventEmitter.prototype; var exports = this; var originalGlobalValue = exports.EventEmitter; function indexOfListener(listeners, listener) { + var i = listeners.length; while (i--) { if (listeners[i].listener === listener) { return i } } + return -1 + } + function alias(name) { return function aliasClosure() { return this[name].apply(this, arguments) } } + proto.getListeners = function getListeners(evt) { + var events = this._getEvents(); var response; var key; if (evt instanceof RegExp) { response = {}; for (key in events) { if (events.hasOwnProperty(key) && evt.test(key)) { response[key] = events[key] } } } + else { response = events[evt] || (events[evt] = []) } + return response + }; proto.flattenListeners = function flattenListeners(listeners) { + var flatListeners = []; var i; for (i = 0; i < listeners.length; i += 1) { flatListeners.push(listeners[i].listener) } + return flatListeners + }; proto.getListenersAsObject = function getListenersAsObject(evt) { + var listeners = this.getListeners(evt); var response; if (listeners instanceof Array) { response = {}; response[evt] = listeners } + return response || listeners + }; proto.addListener = function addListener(evt, listener) { + var listeners = this.getListenersAsObject(evt); var listenerIsWrapped = typeof listener === 'object'; var key; for (key in listeners) { if (listeners.hasOwnProperty(key) && indexOfListener(listeners[key], listener) === -1) { listeners[key].push(listenerIsWrapped ? listener : { listener: listener, once: false }) } } + return this + }; proto.on = alias('addListener'); proto.addOnceListener = function addOnceListener(evt, listener) { return this.addListener(evt, { listener: listener, once: true }) }; proto.once = alias('addOnceListener'); proto.defineEvent = function defineEvent(evt) { this.getListeners(evt); return this }; proto.defineEvents = function defineEvents(evts) { + for (var i = 0; i < evts.length; i += 1) { this.defineEvent(evts[i]) } + return this + }; proto.removeListener = function removeListener(evt, listener) { + var listeners = this.getListenersAsObject(evt); var index; var key; for (key in listeners) { if (listeners.hasOwnProperty(key)) { index = indexOfListener(listeners[key], listener); if (index !== -1) { listeners[key].splice(index, 1) } } } + return this + }; proto.off = alias('removeListener'); proto.addListeners = function addListeners(evt, listeners) { return this.manipulateListeners(false, evt, listeners) }; proto.removeListeners = function removeListeners(evt, listeners) { return this.manipulateListeners(true, evt, listeners) }; proto.manipulateListeners = function manipulateListeners(remove, evt, listeners) { + var i; var value; var single = remove ? this.removeListener : this.addListener; var multiple = remove ? this.removeListeners : this.addListeners; if (typeof evt === 'object' && !(evt instanceof RegExp)) { + for (i in evt) { + if (evt.hasOwnProperty(i) && (value = evt[i])) { + if (typeof value === 'function') { single.call(this, i, value) } + else { multiple.call(this, i, value) } + } + } + } + else { i = listeners.length; while (i--) { single.call(this, evt, listeners[i]) } } + return this + }; proto.removeEvent = function removeEvent(evt) { + var type = typeof evt; var events = this._getEvents(); var key; if (type === 'string') { delete events[evt] } + else if (evt instanceof RegExp) { for (key in events) { if (events.hasOwnProperty(key) && evt.test(key)) { delete events[key] } } } + else { delete this._events } + return this + }; proto.removeAllListeners = alias('removeEvent'); proto.emitEvent = function emitEvent(evt, args) { + var listeners = this.getListenersAsObject(evt); var listener; var i; var key; var response; for (key in listeners) { + if (listeners.hasOwnProperty(key)) { + i = listeners[key].length; while (i--) { + listener = listeners[key][i]; if (listener.once === true) { this.removeListener(evt, listener.listener) } + response = listener.listener.apply(this, args || []); if (response === this._getOnceReturnValue()) { this.removeListener(evt, listener.listener) } + } + } + } + return this + }; proto.trigger = alias('emitEvent'); proto.emit = function emit(evt) { var args = Array.prototype.slice.call(arguments, 1); return this.emitEvent(evt, args) }; proto.setOnceReturnValue = function setOnceReturnValue(value) { this._onceReturnValue = value; return this }; proto._getOnceReturnValue = function _getOnceReturnValue() { + if (this.hasOwnProperty('_onceReturnValue')) { return this._onceReturnValue } + else { return true } + }; proto._getEvents = function _getEvents() { return this._events || (this._events = {}) }; EventEmitter.noConflict = function noConflict() { exports.EventEmitter = originalGlobalValue; return EventEmitter }; if (typeof define === 'function' && define.amd) { define('eventEmitter/EventEmitter', [], function () { return EventEmitter }) } + else if (typeof module === 'object' && module.exports) { module.exports = EventEmitter } + else { exports.EventEmitter = EventEmitter } +}.call(this)); (function (window) { + var prefixes = 'Webkit Moz ms Ms O'.split(' '); var docElemStyle = document.documentElement.style; function getStyleProperty(propName) { + if (!propName) { return } + if (typeof docElemStyle[propName] === 'string') { return propName } + propName = propName.charAt(0).toUpperCase() + propName.slice(1); var prefixed; for (var i = 0, len = prefixes.length; i < len; i++) { prefixed = prefixes[i] + propName; if (typeof docElemStyle[prefixed] === 'string') { return prefixed } } + } + if (typeof define === 'function' && define.amd) { define('get-style-property/get-style-property', [], function () { return getStyleProperty }) } else if (typeof exports === 'object') { module.exports = getStyleProperty } else { window.getStyleProperty = getStyleProperty } +})(window); (function (window, undefined) { + function getStyleSize(value) { var num = parseFloat(value); var isValid = value.indexOf('%') === -1 && !isNaN(num); return isValid && num } + function noop() { } + var logError = typeof console === 'undefined' ? noop : function (message) { console.error(message) }; var measurements = ['paddingLeft', 'paddingRight', 'paddingTop', 'paddingBottom', 'marginLeft', 'marginRight', 'marginTop', 'marginBottom', 'borderLeftWidth', 'borderRightWidth', 'borderTopWidth', 'borderBottomWidth']; function getZeroSize() { + var size = { width: 0, height: 0, innerWidth: 0, innerHeight: 0, outerWidth: 0, outerHeight: 0 }; for (var i = 0, len = measurements.length; i < len; i++) { var measurement = measurements[i]; size[measurement] = 0 } + return size + } + function defineGetSize(getStyleProperty) { + var isSetup = false; var getStyle, boxSizingProp, isBoxSizeOuter; function setup() { + if (isSetup) { return } + isSetup = true; var getComputedStyle = window.getComputedStyle; getStyle = (function () { + var getStyleFn = getComputedStyle ? function (elem) { return getComputedStyle(elem, null) } : function (elem) { return elem.currentStyle }; return function getStyle(elem) { + var style = getStyleFn(elem); if (!style) { logError('Style returned ' + style + '. Are you running this code in a hidden iframe on Firefox? ' + 'See http://bit.ly/getsizebug1') } + return style + } + })(); boxSizingProp = getStyleProperty('boxSizing'); if (boxSizingProp) { var div = document.createElement('div'); div.style.width = '200px'; div.style.padding = '1px 2px 3px 4px'; div.style.borderStyle = 'solid'; div.style.borderWidth = '1px 2px 3px 4px'; div.style[boxSizingProp] = 'border-box'; var body = document.body || document.documentElement; body.appendChild(div); var style = getStyle(div); isBoxSizeOuter = getStyleSize(style.width) === 200; body.removeChild(div) } + } + function getSize(elem) { + setup(); if (typeof elem === 'string') { elem = document.querySelector(elem) } + if (!elem || typeof elem !== 'object' || !elem.nodeType) { return } + var style = getStyle(elem); if (style.display === 'none') { return getZeroSize() } + var size = {}; size.width = elem.offsetWidth; size.height = elem.offsetHeight; var isBorderBox = size.isBorderBox = !!(boxSizingProp && style[boxSizingProp] && style[boxSizingProp] === 'border-box'); for (var i = 0, len = measurements.length; i < len; i++) { var measurement = measurements[i]; var value = style[measurement]; value = mungeNonPixel(elem, value); var num = parseFloat(value); size[measurement] = !isNaN(num) ? num : 0 } + var paddingWidth = size.paddingLeft + size.paddingRight; var paddingHeight = size.paddingTop + size.paddingBottom; var marginWidth = size.marginLeft + size.marginRight; var marginHeight = size.marginTop + size.marginBottom; var borderWidth = size.borderLeftWidth + size.borderRightWidth; var borderHeight = size.borderTopWidth + size.borderBottomWidth; var isBorderBoxSizeOuter = isBorderBox && isBoxSizeOuter; var styleWidth = getStyleSize(style.width); if (styleWidth !== false) { size.width = styleWidth + (isBorderBoxSizeOuter ? 0 : paddingWidth + borderWidth) } + var styleHeight = getStyleSize(style.height); if (styleHeight !== false) { size.height = styleHeight + (isBorderBoxSizeOuter ? 0 : paddingHeight + borderHeight) } + size.innerWidth = size.width - (paddingWidth + borderWidth); size.innerHeight = size.height - (paddingHeight + borderHeight); size.outerWidth = size.width + marginWidth; size.outerHeight = size.height + marginHeight; return size + } + function mungeNonPixel(elem, value) { + if (window.getComputedStyle || value.indexOf('%') === -1) { return value } + var style = elem.style; var left = style.left; var rs = elem.runtimeStyle; var rsLeft = rs && rs.left; if (rsLeft) { rs.left = elem.currentStyle.left } + style.left = value; value = style.pixelLeft; style.left = left; if (rsLeft) { rs.left = rsLeft } + return value + } + return getSize + } + if (typeof define === 'function' && define.amd) { define('get-size/get-size', ['get-style-property/get-style-property'], defineGetSize) } else if (typeof exports === 'object') { module.exports = defineGetSize(require('desandro-get-style-property')) } else { window.getSize = defineGetSize(window.getStyleProperty) } +})(window); (function (window) { + var document = window.document; var queue = []; function docReady(fn) { + if (typeof fn !== 'function') { return } + if (docReady.isReady) { fn() } else { queue.push(fn) } + } + docReady.isReady = false; function onReady(event) { + var isIE8NotReady = event.type === 'readystatechange' && document.readyState !== 'complete'; if (docReady.isReady || isIE8NotReady) { return } + trigger() + } + function trigger() { docReady.isReady = true; for (var i = 0, len = queue.length; i < len; i++) { var fn = queue[i]; fn() } } + function defineDocReady(eventie) { + if (document.readyState === 'complete') { trigger() } else { eventie.bind(document, 'DOMContentLoaded', onReady); eventie.bind(document, 'readystatechange', onReady); eventie.bind(window, 'load', onReady) } + return docReady + } + if (typeof define === 'function' && define.amd) { define('doc-ready/doc-ready', ['eventie/eventie'], defineDocReady) } else if (typeof exports === 'object') { module.exports = defineDocReady(require('eventie')) } else { window.docReady = defineDocReady(window.eventie) } +})(window); (function (ElemProto) { + 'use strict'; var matchesMethod = (function () { + if (ElemProto.matches) { return 'matches' } + if (ElemProto.matchesSelector) { return 'matchesSelector' } + var prefixes = ['webkit', 'moz', 'ms', 'o']; for (var i = 0, len = prefixes.length; i < len; i++) { var prefix = prefixes[i]; var method = prefix + 'MatchesSelector'; if (ElemProto[method]) { return method } } + })(); function match(elem, selector) { return elem[matchesMethod](selector) } + function checkParent(elem) { + if (elem.parentNode) { return } + var fragment = document.createDocumentFragment(); fragment.appendChild(elem) + } + function query(elem, selector) { + checkParent(elem); var elems = elem.parentNode.querySelectorAll(selector); for (var i = 0, len = elems.length; i < len; i++) { if (elems[i] === elem) { return true } } + return false + } + function matchChild(elem, selector) { checkParent(elem); return match(elem, selector) } + var matchesSelector; if (matchesMethod) { var div = document.createElement('div'); var supportsOrphans = match(div, 'div'); matchesSelector = supportsOrphans ? match : matchChild } else { matchesSelector = query } + if (typeof define === 'function' && define.amd) { define('matches-selector/matches-selector', [], function () { return matchesSelector }) } else if (typeof exports === 'object') { module.exports = matchesSelector } + else { window.matchesSelector = matchesSelector } +})(Element.prototype); +(function (window, factory) { 'use strict'; if (typeof define == 'function' && define.amd) { define('fizzy-ui-utils/utils', ['doc-ready/doc-ready', 'matches-selector/matches-selector'], function (docReady, matchesSelector) { return factory(window, docReady, matchesSelector) }) } else if (typeof exports == 'object') { module.exports = factory(window, require('doc-ready'), require('desandro-matches-selector')) } else { window.fizzyUIUtils = factory(window, window.docReady, window.matchesSelector) } }(window, function factory(window, docReady, matchesSelector) { + var utils = {}; utils.extend = function (a, b) { + for (var prop in b) { a[prop] = b[prop] } + return a + }; utils.modulo = function (num, div) { return ((num % div) + div) % div }; var objToString = Object.prototype.toString; utils.isArray = function (obj) { return objToString.call(obj) == '[object Array]' }; utils.makeArray = function (obj) { + var ary = []; if (utils.isArray(obj)) { ary = obj } else if (obj && typeof obj.length == 'number') { for (var i = 0, len = obj.length; i < len; i++) { ary.push(obj[i]) } } else { ary.push(obj) } + return ary + }; utils.indexOf = Array.prototype.indexOf ? function (ary, obj) { return ary.indexOf(obj) } : function (ary, obj) { + for (var i = 0, len = ary.length; i < len; i++) { if (ary[i] === obj) { return i } } + return -1 + }; utils.removeFrom = function (ary, obj) { var index = utils.indexOf(ary, obj); if (index != -1) { ary.splice(index, 1) } }; utils.isElement = (typeof HTMLElement == 'function' || typeof HTMLElement == 'object') ? function isElementDOM2(obj) { return obj instanceof HTMLElement } : function isElementQuirky(obj) { return obj && typeof obj == 'object' && obj.nodeType == 1 && typeof obj.nodeName == 'string' }; utils.setText = (function () { + var setTextProperty; function setText(elem, text) { setTextProperty = setTextProperty || (document.documentElement.textContent !== undefined ? 'textContent' : 'innerText'); elem[setTextProperty] = text } + return setText + })(); utils.getParent = function (elem, selector) { while (elem != document.body) { elem = elem.parentNode; if (matchesSelector(elem, selector)) { return elem } } }; utils.getQueryElement = function (elem) { + if (typeof elem == 'string') { return document.querySelector(elem) } + return elem + }; utils.handleEvent = function (event) { var method = 'on' + event.type; if (this[method]) { this[method](event) } }; utils.filterFindElements = function (elems, selector) { + elems = utils.makeArray(elems); var ffElems = []; for (var i = 0, len = elems.length; i < len; i++) { + var elem = elems[i]; if (!utils.isElement(elem)) { continue } + if (selector) { + if (matchesSelector(elem, selector)) { ffElems.push(elem) } + var childElems = elem.querySelectorAll(selector); for (var j = 0, jLen = childElems.length; j < jLen; j++) { ffElems.push(childElems[j]) } + } else { ffElems.push(elem) } + } + return ffElems + }; utils.debounceMethod = function (_class, methodName, threshold) { + var method = _class.prototype[methodName]; var timeoutName = methodName + 'Timeout'; _class.prototype[methodName] = function () { + var timeout = this[timeoutName]; if (timeout) { clearTimeout(timeout) } + var args = arguments; var _this = this; this[timeoutName] = setTimeout(function () { method.apply(_this, args); delete _this[timeoutName] }, threshold || 100) + } + }; utils.toDashed = function (str) { return str.replace(/(.)([A-Z])/g, function (match, $1, $2) { return $1 + '-' + $2 }).toLowerCase() }; var console = window.console; utils.htmlInit = function (WidgetClass, namespace) { + docReady(function () { + var dashedNamespace = utils.toDashed(namespace); var elems = document.querySelectorAll('.js-' + dashedNamespace); var dataAttr = 'data-' + dashedNamespace + '-options'; for (var i = 0, len = elems.length; i < len; i++) { + var elem = elems[i]; var attr = elem.getAttribute(dataAttr); var options; try { options = attr && JSON.parse(attr) } catch (error) { + if (console) { console.error('Error parsing ' + dataAttr + ' on ' + elem.nodeName.toLowerCase() + (elem.id ? '#' + elem.id : '') + ': ' + error) } + continue + } + var instance = new WidgetClass(elem, options); var jQuery = window.jQuery; if (jQuery) { jQuery.data(elem, namespace, instance) } + } + }) + }; return utils +})); +(function (window, factory) { + 'use strict'; + if (typeof define === 'function' && define.amd) { + define('outlayer/item', + ['eventEmitter/EventEmitter', 'get-size/get-size', + 'get-style-property/get-style-property', 'fizzy-ui-utils/utils'], + function (EventEmitter, getSize, getStyleProperty, utils) { + return factory(window, EventEmitter, getSize, getStyleProperty, utils) + } + ) + } + else if (typeof exports === 'object') { + module.exports = factory(window, require('wolfy87-eventemitter'), require('get-size'), require('desandro-get-style-property'), require('fizzy-ui-utils')) + } + else { + window.Outlayer = {}; + window.Outlayer.Item = factory(window, window.EventEmitter, window.getSize, window.getStyleProperty, window.fizzyUIUtils) + } +}(window, function factory(window, EventEmitter, getSize, getStyleProperty, utils) { + 'use strict'; + var getComputedStyle = window.getComputedStyle; + var getStyle = getComputedStyle ? function (elem) { return getComputedStyle(elem, null) } : function (elem) { return elem.currentStyle }; function isEmptyObj(obj) { + for (var prop in obj) { + return false + } + prop = null; + return true; + } + var transitionProperty = getStyleProperty('transition'); + var transformProperty = getStyleProperty('transform'); + var supportsCSS3 = transitionProperty && transformProperty; + var is3d = !!getStyleProperty('perspective'); + var transitionEndEvent = { WebkitTransition: 'webkitTransitionEnd', + MozTransition: 'transitionend', + OTransition: 'otransitionend', + transition: 'transitionend' }[transitionProperty]; + var prefixableProperties = ['transform', 'transition', 'transitionDuration', 'transitionProperty']; + var vendorProperties = (function () { + var cache = {}; + for (var i = 0, len = prefixableProperties.length; i < len; i++) { + var prop = prefixableProperties[i]; + var supportedProp = getStyleProperty(prop); + if (supportedProp && supportedProp !== prop) { cache[prop] = supportedProp } + } + return cache + })(); + function Item(element, layout) { + if (!element) { return } + this.element = element; this.layout = layout; this.position = { x: 0, y: 0 }; this._create() + } + utils.extend(Item.prototype, EventEmitter.prototype); + Item.prototype._create = function () { + this._transn = { ingProperties: {}, clean: {}, onEnd: {} }; + this.css({ position: 'absolute' }) + }; + Item.prototype.handleEvent = function (event) { + var method = 'on' + event.type; + if (this[method]) { + this[method](event) + } + }; + Item.prototype.getSize = function () { + this.size = getSize(this.element) + }; + Item.prototype.css = function (style) { + var elemStyle = this.element.style; + for (var prop in style) { + var supportedProp = vendorProperties[prop] || prop; elemStyle[supportedProp] = style[prop] + } + }; + Item.prototype.getPosition = function () { + var style = getStyle(this.element); + var layoutOptions = this.layout.options; + var isOriginLeft = layoutOptions.isOriginLeft; + var isOriginTop = layoutOptions.isOriginTop; + var xValue = style[isOriginLeft ? 'left' : 'right']; + var yValue = style[isOriginTop ? 'top' : 'bottom']; + var layoutSize = this.layout.size; + var x = xValue.indexOf('%') != -1 ? (parseFloat(xValue) / 100) * layoutSize.width : parseInt(xValue, 10); + var y = yValue.indexOf('%') != -1 ? (parseFloat(yValue) / 100) * layoutSize.height : parseInt(yValue, 10); + x = isNaN(x) ? 0 : x; y = isNaN(y) ? 0 : y; + x -= isOriginLeft ? layoutSize.paddingLeft : layoutSize.paddingRight; + y -= isOriginTop ? layoutSize.paddingTop : layoutSize.paddingBottom; + this.position.x = x; this.position.y = y + }; + Item.prototype.layoutPosition = function () { + var layoutSize = this.layout.size; + var layoutOptions = this.layout.options; + var style = {}; + var xPadding = layoutOptions.isOriginLeft ? 'paddingLeft' : 'paddingRight'; + var xProperty = layoutOptions.isOriginLeft ? 'left' : 'right'; + var xResetProperty = layoutOptions.isOriginLeft ? 'right' : 'left'; + var x = this.position.x + layoutSize[xPadding]; style[xProperty] = this.getXValue(x); + style[xResetProperty] = ''; + var yPadding = layoutOptions.isOriginTop ? 'paddingTop' : 'paddingBottom'; + var yProperty = layoutOptions.isOriginTop ? 'top' : 'bottom'; + var yResetProperty = layoutOptions.isOriginTop ? 'bottom' : 'top'; + var y = this.position.y + layoutSize[yPadding]; style[yProperty] = this.getYValue(y); + style[yResetProperty] = ''; + this.css(style); + this.emitEvent('layout', [this]) + }; + Item.prototype.getXValue = function (x) { + var layoutOptions = this.layout.options; + return layoutOptions.percentPosition && !layoutOptions.isHorizontal ? ((x / this.layout.size.width) * 100) + '%' : x + 'px' }; Item.prototype.getYValue = function (y) { var layoutOptions = this.layout.options; return layoutOptions.percentPosition && layoutOptions.isHorizontal ? ((y / this.layout.size.height) * 100) + '%' : y + 'px' }; Item.prototype._transitionTo = function (x, y) { + this.getPosition(); + var curX = this.position.x; + var curY = this.position.y; var compareX = parseInt(x, 10); + var compareY = parseInt(y, 10); + var didNotMove = compareX === this.position.x && compareY === this.position.y; + this.setPosition(x, y); + if (didNotMove && !this.isTransitioning) { + this.layoutPosition(); + return + } + var transX = x - curX; + var transY = y - curY; + var transitionStyle = {}; + transitionStyle.transform = this.getTranslate(transX, transY); + this.transition({ to: transitionStyle, onTransitionEnd: { transform: this.layoutPosition }, isCleaning: true }) + }; + Item.prototype.getTranslate = function (x, y) { + var layoutOptions = this.layout.options; + x = layoutOptions.isOriginLeft ? x : -x; + y = layoutOptions.isOriginTop ? y : -y; + if (is3d) { + return 'translate3d(' + x + 'px, ' + y + 'px, 0)'; + } + return 'translate(' + x + 'px, ' + y + 'px)'; + }; + Item.prototype.goTo = function (x, y) { + this.setPosition(x, y); + this.layoutPosition(); + }; + Item.prototype.moveTo = supportsCSS3 ? Item.prototype._transitionTo : Item.prototype.goTo; + Item.prototype.setPosition = function (x, y) { + this.position.x = parseInt(x, 10); + this.position.y = parseInt(y, 10) + }; + Item.prototype._nonTransition = function (args) { + this.css(args.to); + if (args.isCleaning) { + this._removeStyles(args.to) + } + for (var prop in args.onTransitionEnd) { + args.onTransitionEnd[prop].call(this) + } + }; + Item.prototype._transition = function (args) { + if (!parseFloat(this.layout.options.transitionDuration)) { + this._nonTransition(args); return + } + var _transition = this._transn; + for (var prop in args.onTransitionEnd) { + _transition.onEnd[prop] = args.onTransitionEnd[prop]; + } + for (prop in args.to) { + _transition.ingProperties[prop] = true; + if (args.isCleaning) { + _transition.clean[prop] = true + } + } + if (args.from) { + this.css(args.from); + var h = this.element.offsetHeight; + h = null + } + this.enableTransition(args.to); + this.css(args.to); + this.isTransitioning = true; + }; + function toDashedAll(str) { + return str.replace(/([A-Z])/g, function ($1) { + return '-' + $1.toLowerCase() + }) + } + var transitionProps = 'opacity,' + toDashedAll(vendorProperties.transform || 'transform'); + Item.prototype.enableTransition = function () { + if (this.isTransitioning) { + return + } + this.css({ transitionProperty: transitionProps, + transitionDuration: this.layout.options.transitionDuration + }); + this.element.addEventListener(transitionEndEvent, this, false); + }; + Item.prototype.transition = Item.prototype[transitionProperty ? '_transition' : '_nonTransition']; + Item.prototype.onwebkitTransitionEnd = function (event) { + this.ontransitionend(event) + }; + Item.prototype.onotransitionend = function (event) { + this.ontransitionend(event) + }; + var dashedVendorProperties = { '-webkit-transform': 'transform', + '-moz-transform': 'transform', + '-o-transform': 'transform' }; + Item.prototype.ontransitionend = function (event) { + if (event.target !== this.element) { + return + } + var _transition = this._transn; + var propertyName = dashedVendorProperties[event.propertyName] || event.propertyName; + delete _transition.ingProperties[propertyName]; + if (isEmptyObj(_transition.ingProperties)) { + this.disableTransition() + } + if (propertyName in _transition.clean) { + this.element.style[event.propertyName] = ''; + delete _transition.clean[propertyName] + } + if (propertyName in _transition.onEnd) { + var onTransitionEnd = _transition.onEnd[propertyName]; + onTransitionEnd.call(this); + delete _transition.onEnd[propertyName] + } + this.emitEvent('transitionEnd', [this]) + }; + Item.prototype.disableTransition = function () { + this.removeTransitionStyles(); + this.element.removeEventListener(transitionEndEvent, this, false); + this.isTransitioning = false }; + Item.prototype._removeStyles = function (style) { + var cleanStyle = {}; + for (var prop in style) { + cleanStyle[prop] = ''; + } + this.css(cleanStyle); + }; + var cleanTransitionStyle = { transitionProperty: '', transitionDuration: '' }; + Item.prototype.removeTransitionStyles = function () { this.css(cleanTransitionStyle) }; + Item.prototype.removeElem = function () { + this.element.parentNode.removeChild(this.element); this.css({ display: '' }); + this.emitEvent('remove', [this]) + }; + Item.prototype.remove = function () { + if (!transitionProperty || !parseFloat(this.layout.options.transitionDuration)) { + this.removeElem(); return + } + var _this = this; this.once('transitionEnd', function () { _this.removeElem() }); + this.hide() + }; + Item.prototype.reveal = function () { + delete this.isHidden; + this.css({ display: '' }); + var options = this.layout.options; var onTransitionEnd = {}; + var transitionEndProperty = this.getHideRevealTransitionEndProperty('visibleStyle'); + onTransitionEnd[transitionEndProperty] = this.onRevealTransitionEnd; + this.transition({ from: options.hiddenStyle, to: options.visibleStyle, + isCleaning: true, onTransitionEnd: onTransitionEnd + }) + }; + Item.prototype.onRevealTransitionEnd = function () { + if (!this.isHidden) { + this.emitEvent('reveal') + } + }; + Item.prototype.getHideRevealTransitionEndProperty = function (styleProperty) { + var optionStyle = this.layout.options[styleProperty]; + if (optionStyle.opacity) { + return 'opacity' + } + for (var prop in optionStyle) { + return prop + } + }; + Item.prototype.hide = function () { + this.isHidden = true; + this.css({ display: '' }); + var options = this.layout.options; + var onTransitionEnd = {}; + var transitionEndProperty = this.getHideRevealTransitionEndProperty('hiddenStyle'); + onTransitionEnd[transitionEndProperty] = this.onHideTransitionEnd; + this.transition({ from: options.visibleStyle, to: options.hiddenStyle, isCleaning: true, onTransitionEnd: onTransitionEnd }) + }; + Item.prototype.onHideTransitionEnd = function () { + if (this.isHidden) { this.css({ display: 'none' }); this.emitEvent('hide') } + }; + Item.prototype.destroy = function () { + this.css({ position: '', left: '', right: '', top: '', bottom: '', transition: '', transform: '' }) + }; + return Item; +})); (function (window, factory) { 'use strict'; if (typeof define == 'function' && define.amd) { define('outlayer/outlayer', ['eventie/eventie', 'eventEmitter/EventEmitter', 'get-size/get-size', 'fizzy-ui-utils/utils', './item'], function (eventie, EventEmitter, getSize, utils, Item) { return factory(window, eventie, EventEmitter, getSize, utils, Item) }) } else if (typeof exports == 'object') { module.exports = factory(window, require('eventie'), require('wolfy87-eventemitter'), require('get-size'), require('fizzy-ui-utils'), require('./item')) } else { window.Outlayer = factory(window, window.eventie, window.EventEmitter, window.getSize, window.fizzyUIUtils, window.Outlayer.Item) } }(window, function factory(window, eventie, EventEmitter, getSize, utils, Item) { + 'use strict'; var console = window.console; var jQuery = window.jQuery; var noop = function () { }; var GUID = 0; var instances = {}; function Outlayer(element, options) { + var queryElement = utils.getQueryElement(element); if (!queryElement) { + if (console) { console.error('Bad element for ' + this.constructor.namespace + ': ' + (queryElement || element)) } + return + } + this.element = queryElement; if (jQuery) { this.$element = jQuery(this.element) } + this.options = utils.extend({}, this.constructor.defaults); this.option(options); var id = ++GUID; this.element.outlayerGUID = id; instances[id] = this; this._create(); if (this.options.isInitLayout) { this.layout() } + } + Outlayer.namespace = 'outlayer'; Outlayer.Item = Item; Outlayer.defaults = { containerStyle: { position: 'relative' }, isInitLayout: true, isOriginLeft: true, isOriginTop: true, isResizeBound: true, isResizingContainer: true, transitionDuration: '0.4s', hiddenStyle: { opacity: 0, transform: 'scale(0.001)' }, visibleStyle: { opacity: 1, transform: 'scale(1)' } }; utils.extend(Outlayer.prototype, EventEmitter.prototype); Outlayer.prototype.option = function (opts) { utils.extend(this.options, opts) }; Outlayer.prototype._create = function () { this.reloadItems(); this.stamps = []; this.stamp(this.options.stamp); utils.extend(this.element.style, this.options.containerStyle); if (this.options.isResizeBound) { this.bindResize() } }; Outlayer.prototype.reloadItems = function () { this.items = this._itemize(this.element.children) }; Outlayer.prototype._itemize = function (elems) { + var itemElems = this._filterFindItemElements(elems); var Item = this.constructor.Item; var items = []; for (var i = 0, len = itemElems.length; i < len; i++) { var elem = itemElems[i]; var item = new Item(elem, this); items.push(item) } + return items + }; Outlayer.prototype._filterFindItemElements = function (elems) { return utils.filterFindElements(elems, this.options.itemSelector) }; Outlayer.prototype.getItemElements = function () { + var elems = []; for (var i = 0, len = this.items.length; i < len; i++) { elems.push(this.items[i].element) } + return elems + }; Outlayer.prototype.layout = function () { this._resetLayout(); this._manageStamps(); var isInstant = this.options.isLayoutInstant !== undefined ? this.options.isLayoutInstant : !this._isLayoutInited; this.layoutItems(this.items, isInstant); this._isLayoutInited = true }; Outlayer.prototype._init = Outlayer.prototype.layout; Outlayer.prototype._resetLayout = function () { this.getSize() }; Outlayer.prototype.getSize = function () { this.size = getSize(this.element) }; Outlayer.prototype._getMeasurement = function (measurement, size) { + var option = this.options[measurement]; var elem; if (!option) { this[measurement] = 0 } else { + if (typeof option === 'string') { elem = this.element.querySelector(option) } else if (utils.isElement(option)) { elem = option } + this[measurement] = elem ? getSize(elem)[size] : option + } + }; Outlayer.prototype.layoutItems = function (items, isInstant) { items = this._getItemsForLayout(items); this._layoutItems(items, isInstant); this._postLayout() }; Outlayer.prototype._getItemsForLayout = function (items) { + var layoutItems = []; for (var i = 0, len = items.length; i < len; i++) { var item = items[i]; if (!item.isIgnored) { layoutItems.push(item) } } + return layoutItems + }; Outlayer.prototype._layoutItems = function (items, isInstant) { + this._emitCompleteOnItems('layout', items); if (!items || !items.length) { return } + var queue = []; for (var i = 0, len = items.length; i < len; i++) { var item = items[i]; var position = this._getItemLayoutPosition(item); position.item = item; position.isInstant = isInstant || item.isLayoutInstant; queue.push(position) } + this._processLayoutQueue(queue) + }; Outlayer.prototype._getItemLayoutPosition = function () { return { x: 0, y: 0 } }; Outlayer.prototype._processLayoutQueue = function (queue) { for (var i = 0, len = queue.length; i < len; i++) { var obj = queue[i]; this._positionItem(obj.item, obj.x, obj.y, obj.isInstant) } }; Outlayer.prototype._positionItem = function (item, x, y, isInstant) { if (isInstant) { item.goTo(x, y) } else { item.moveTo(x, y) } }; Outlayer.prototype._postLayout = function () { this.resizeContainer() }; Outlayer.prototype.resizeContainer = function () { + if (!this.options.isResizingContainer) { return } + var size = this._getContainerSize(); if (size) { this._setContainerMeasure(size.width, true); this._setContainerMeasure(size.height, false) } + }; Outlayer.prototype._getContainerSize = noop; Outlayer.prototype._setContainerMeasure = function (measure, isWidth) { + if (measure === undefined) { return } + var elemSize = this.size; if (elemSize.isBorderBox) { measure += isWidth ? elemSize.paddingLeft + elemSize.paddingRight + elemSize.borderLeftWidth + elemSize.borderRightWidth : elemSize.paddingBottom + elemSize.paddingTop + elemSize.borderTopWidth + elemSize.borderBottomWidth } + measure = Math.max(measure, 0); this.element.style[isWidth ? 'width' : 'height'] = measure + 'px' + }; Outlayer.prototype._emitCompleteOnItems = function (eventName, items) { + var _this = this; function onComplete() { _this.dispatchEvent(eventName + 'Complete', null, [items]) } + var count = items.length; if (!items || !count) { onComplete(); return } + var doneCount = 0; function tick() { doneCount++; if (doneCount === count) { onComplete() } } + for (var i = 0, len = items.length; i < len; i++) { var item = items[i]; item.once(eventName, tick) } + }; Outlayer.prototype.dispatchEvent = function (type, event, args) { var emitArgs = event ? [event].concat(args) : args; this.emitEvent(type, emitArgs); if (jQuery) { this.$element = this.$element || jQuery(this.element); if (event) { var $event = jQuery.Event(event); $event.type = type; this.$element.trigger($event, args) } else { this.$element.trigger(type, args) } } }; Outlayer.prototype.ignore = function (elem) { var item = this.getItem(elem); if (item) { item.isIgnored = true } }; Outlayer.prototype.unignore = function (elem) { var item = this.getItem(elem); if (item) { delete item.isIgnored } }; Outlayer.prototype.stamp = function (elems) { + elems = this._find(elems); if (!elems) { return } + this.stamps = this.stamps.concat(elems); for (var i = 0, len = elems.length; i < len; i++) { var elem = elems[i]; this.ignore(elem) } + }; Outlayer.prototype.unstamp = function (elems) { + elems = this._find(elems); if (!elems) { return } + for (var i = 0, len = elems.length; i < len; i++) { var elem = elems[i]; utils.removeFrom(this.stamps, elem); this.unignore(elem) } + }; Outlayer.prototype._find = function (elems) { + if (!elems) { return } + if (typeof elems === 'string') { elems = this.element.querySelectorAll(elems) } + elems = utils.makeArray(elems); return elems + }; Outlayer.prototype._manageStamps = function () { + if (!this.stamps || !this.stamps.length) { return } + this._getBoundingRect(); for (var i = 0, len = this.stamps.length; i < len; i++) { var stamp = this.stamps[i]; this._manageStamp(stamp) } + }; + Outlayer.prototype._getBoundingRect = function () { var boundingRect = this.element.getBoundingClientRect(); var size = this.size; this._boundingRect = { left: boundingRect.left + size.paddingLeft + size.borderLeftWidth, top: boundingRect.top + size.paddingTop + size.borderTopWidth, right: boundingRect.right - (size.paddingRight + size.borderRightWidth), bottom: boundingRect.bottom - (size.paddingBottom + size.borderBottomWidth) } }; Outlayer.prototype._manageStamp = noop; Outlayer.prototype._getElementOffset = function (elem) { var boundingRect = elem.getBoundingClientRect(); var thisRect = this._boundingRect; var size = getSize(elem); var offset = { left: boundingRect.left - thisRect.left - size.marginLeft, top: boundingRect.top - thisRect.top - size.marginTop, right: thisRect.right - boundingRect.right - size.marginRight, bottom: thisRect.bottom - boundingRect.bottom - size.marginBottom }; return offset }; Outlayer.prototype.handleEvent = function (event) { var method = 'on' + event.type; if (this[method]) { this[method](event) } }; + Outlayer.prototype.bindResize = function () { + if (this.isResizeBound) { return } + eventie.bind(window, 'resize', this); this.isResizeBound = true + }; Outlayer.prototype.unbindResize = function () { + if (this.isResizeBound) { eventie.unbind(window, 'resize', this) } + this.isResizeBound = false + }; Outlayer.prototype.onresize = function () { + if (this.resizeTimeout) { clearTimeout(this.resizeTimeout) } + var _this = this; function delayed() { _this.resize(); delete _this.resizeTimeout } + this.resizeTimeout = setTimeout(delayed, 100) + }; Outlayer.prototype.resize = function () { + if (!this.isResizeBound || !this.needsResizeLayout()) { return } + this.layout() + }; Outlayer.prototype.needsResizeLayout = function () { var size = getSize(this.element); var hasSizes = this.size && size; return hasSizes && size.innerWidth !== this.size.innerWidth }; Outlayer.prototype.addItems = function (elems) { + var items = this._itemize(elems); if (items.length) { this.items = this.items.concat(items) } + return items + }; Outlayer.prototype.appended = function (elems) { + var items = this.addItems(elems); if (!items.length) { return } + this.layoutItems(items, true); this.reveal(items) + }; Outlayer.prototype.prepended = function (elems) { + var items = this._itemize(elems); if (!items.length) { return } + var previousItems = this.items.slice(0); this.items = items.concat(previousItems); this._resetLayout(); this._manageStamps(); this.layoutItems(items, true); this.reveal(items); this.layoutItems(previousItems) + }; Outlayer.prototype.reveal = function (items) { this._emitCompleteOnItems('reveal', items); var len = items && items.length; for (var i = 0; len && i < len; i++) { var item = items[i]; item.reveal() } }; Outlayer.prototype.hide = function (items) { this._emitCompleteOnItems('hide', items); var len = items && items.length; for (var i = 0; len && i < len; i++) { var item = items[i]; item.hide() } }; Outlayer.prototype.revealItemElements = function (elems) { var items = this.getItems(elems); this.reveal(items) }; Outlayer.prototype.hideItemElements = function (elems) { var items = this.getItems(elems); this.hide(items) }; Outlayer.prototype.getItem = function (elem) { for (var i = 0, len = this.items.length; i < len; i++) { var item = this.items[i]; if (item.element === elem) { return item } } }; Outlayer.prototype.getItems = function (elems) { + elems = utils.makeArray(elems); var items = []; for (var i = 0, len = elems.length; i < len; i++) { var elem = elems[i]; var item = this.getItem(elem); if (item) { items.push(item) } } + return items + }; Outlayer.prototype.remove = function (elems) { + var removeItems = this.getItems(elems); this._emitCompleteOnItems('remove', removeItems); if (!removeItems || !removeItems.length) { return } + for (var i = 0, len = removeItems.length; i < len; i++) { var item = removeItems[i]; item.remove(); utils.removeFrom(this.items, item) } + }; Outlayer.prototype.destroy = function () { + var style = this.element.style; style.height = ''; style.position = ''; style.width = ''; for (var i = 0, len = this.items.length; i < len; i++) { var item = this.items[i]; item.destroy() } + this.unbindResize(); var id = this.element.outlayerGUID; delete instances[id]; delete this.element.outlayerGUID; if (jQuery) { jQuery.removeData(this.element, this.constructor.namespace) } + }; Outlayer.data = function (elem) { elem = utils.getQueryElement(elem); var id = elem && elem.outlayerGUID; return id && instances[id] }; + Outlayer.create = function (namespace, options) { + function Layout() { + Outlayer.apply(this, arguments) + } + if (Object.create) { + Layout.prototype = Object.create(Outlayer.prototype) + } else { + utils.extend(Layout.prototype, Outlayer.prototype) + } + Layout.prototype.constructor = Layout; + Layout.defaults = utils.extend({}, Outlayer.defaults); + utils.extend(Layout.defaults, options); Layout.prototype.settings = {}; + Layout.namespace = namespace; + Layout.data = Outlayer.data; + Layout.Item = function LayoutItem() { + Item.apply(this, arguments) + }; + Layout.Item.prototype = new Item(); + utils.htmlInit(Layout, namespace); + if (jQuery && jQuery.bridget) { + jQuery.bridget(namespace, Layout) + } + return Layout + }; + Outlayer.Item = Item; + return Outlayer +})); (function (window, factory) { 'use strict'; if (typeof define == 'function' && define.amd) { define('isotope/js/item', ['outlayer/outlayer'], factory) } else if (typeof exports == 'object') { module.exports = factory(require('outlayer')) } else { window.Isotope = window.Isotope || {}; window.Isotope.Item = factory(window.Outlayer) } }(window, function factory(Outlayer) { + 'use strict'; function Item() { Outlayer.Item.apply(this, arguments) } + Item.prototype = new Outlayer.Item(); Item.prototype._create = function () { this.id = this.layout.itemGUID++; Outlayer.Item.prototype._create.call(this); this.sortData = {} }; Item.prototype.updateSortData = function () { + if (this.isIgnored) { return } + this.sortData.id = this.id; this.sortData['original-order'] = this.id; this.sortData.random = Math.random(); var getSortData = this.layout.options.getSortData; var sorters = this.layout._sorters; for (var key in getSortData) { var sorter = sorters[key]; this.sortData[key] = sorter(this.element, this) } + }; var _destroy = Item.prototype.destroy; Item.prototype.destroy = function () { _destroy.apply(this, arguments); this.css({ display: '' }) }; return Item +})); (function (window, factory) { 'use strict'; if (typeof define == 'function' && define.amd) { define('isotope/js/layout-mode', ['get-size/get-size', 'outlayer/outlayer'], factory) } else if (typeof exports == 'object') { module.exports = factory(require('get-size'), require('outlayer')) } else { window.Isotope = window.Isotope || {}; window.Isotope.LayoutMode = factory(window.getSize, window.Outlayer) } }(window, function factory(getSize, Outlayer) { + 'use strict'; function LayoutMode(isotope) { this.isotope = isotope; if (isotope) { this.options = isotope.options[this.namespace]; this.element = isotope.element; this.items = isotope.filteredItems; this.size = isotope.size } } (function () { + var facadeMethods = ['_resetLayout', '_getItemLayoutPosition', '_manageStamp', '_getContainerSize', '_getElementOffset', 'needsResizeLayout']; for (var i = 0, len = facadeMethods.length; i < len; i++) { var methodName = facadeMethods[i]; LayoutMode.prototype[methodName] = getOutlayerMethod(methodName) } + function getOutlayerMethod(methodName) { return function () { return Outlayer.prototype[methodName].apply(this.isotope, arguments) } } + })(); LayoutMode.prototype.needsVerticalResizeLayout = function () { var size = getSize(this.isotope.element); var hasSizes = this.isotope.size && size; return hasSizes && size.innerHeight != this.isotope.size.innerHeight }; LayoutMode.prototype._getMeasurement = function () { this.isotope._getMeasurement.apply(this, arguments) }; LayoutMode.prototype.getColumnWidth = function () { this.getSegmentSize('column', 'Width') }; LayoutMode.prototype.getRowHeight = function () { this.getSegmentSize('row', 'Height') }; LayoutMode.prototype.getSegmentSize = function (segment, size) { + var segmentName = segment + size; var outerSize = 'outer' + size; this._getMeasurement(segmentName, outerSize); if (this[segmentName]) { return } + var firstItemSize = this.getFirstItemSize(); this[segmentName] = firstItemSize && firstItemSize[outerSize] || this.isotope.size['inner' + size] + }; LayoutMode.prototype.getFirstItemSize = function () { var firstItem = this.isotope.filteredItems[0]; return firstItem && firstItem.element && getSize(firstItem.element) }; LayoutMode.prototype.layout = function () { this.isotope.layout.apply(this.isotope, arguments) }; LayoutMode.prototype.getSize = function () { this.isotope.getSize(); this.size = this.isotope.size }; LayoutMode.modes = {}; LayoutMode.create = function (namespace, options) { + function Mode() { LayoutMode.apply(this, arguments) } + Mode.prototype = new LayoutMode(); if (options) { Mode.options = options } + Mode.prototype.namespace = namespace; LayoutMode.modes[namespace] = Mode; return Mode + }; return LayoutMode +})); (function (window, factory) { 'use strict'; if (typeof define === 'function' && define.amd) { define('masonry/masonry', ['outlayer/outlayer', 'get-size/get-size', 'fizzy-ui-utils/utils'], factory) } else if (typeof exports === 'object') { module.exports = factory(require('outlayer'), require('get-size'), require('fizzy-ui-utils')) } else { window.Masonry = factory(window.Outlayer, window.getSize, window.fizzyUIUtils) } }(window, function factory(Outlayer, getSize, utils) { + var Masonry = Outlayer.create('masonry'); Masonry.prototype._resetLayout = function () { + this.getSize(); this._getMeasurement('columnWidth', 'outerWidth'); this._getMeasurement('gutter', 'outerWidth'); this.measureColumns(); var i = this.cols; this.colYs = []; while (i--) { this.colYs.push(0) } + this.maxY = 0 + }; Masonry.prototype.measureColumns = function () { + this.getContainerWidth(); if (!this.columnWidth) { var firstItem = this.items[0]; var firstItemElem = firstItem && firstItem.element; this.columnWidth = firstItemElem && getSize(firstItemElem).outerWidth || this.containerWidth } + var columnWidth = this.columnWidth += this.gutter; var containerWidth = this.containerWidth + this.gutter; var cols = containerWidth / columnWidth; var excess = columnWidth - containerWidth % columnWidth; var mathMethod = excess && excess < 1 ? 'round' : 'floor'; cols = Math[mathMethod](cols); this.cols = Math.max(cols, 1) + }; Masonry.prototype.getContainerWidth = function () { var container = this.options.isFitWidth ? this.element.parentNode : this.element; var size = getSize(container); this.containerWidth = size && size.innerWidth }; Masonry.prototype._getItemLayoutPosition = function (item) { + item.getSize(); var remainder = item.size.outerWidth % this.columnWidth; var mathMethod = remainder && remainder < 1 ? 'round' : 'ceil'; var colSpan = Math[mathMethod](item.size.outerWidth / this.columnWidth); colSpan = Math.min(colSpan, this.cols); var colGroup = this._getColGroup(colSpan); var minimumY = Math.min.apply(Math, colGroup); var shortColIndex = utils.indexOf(colGroup, minimumY); var position = { x: this.columnWidth * shortColIndex, y: minimumY }; var setHeight = minimumY + item.size.outerHeight; var setSpan = this.cols + 1 - colGroup.length; for (var i = 0; i < setSpan; i++) { this.colYs[shortColIndex + i] = setHeight } + return position + }; Masonry.prototype._getColGroup = function (colSpan) { + if (colSpan < 2) { return this.colYs } + var colGroup = []; var groupCount = this.cols + 1 - colSpan; for (var i = 0; i < groupCount; i++) { var groupColYs = this.colYs.slice(i, i + colSpan); colGroup[i] = Math.max.apply(Math, groupColYs) } + return colGroup + }; Masonry.prototype._manageStamp = function (stamp) { var stampSize = getSize(stamp); var offset = this._getElementOffset(stamp); var firstX = this.options.isOriginLeft ? offset.left : offset.right; var lastX = firstX + stampSize.outerWidth; var firstCol = Math.floor(firstX / this.columnWidth); firstCol = Math.max(0, firstCol); var lastCol = Math.floor(lastX / this.columnWidth); lastCol -= lastX % this.columnWidth ? 0 : 1; lastCol = Math.min(this.cols - 1, lastCol); var stampMaxY = (this.options.isOriginTop ? offset.top : offset.bottom) + stampSize.outerHeight; for (var i = firstCol; i <= lastCol; i++) { this.colYs[i] = Math.max(stampMaxY, this.colYs[i]) } }; Masonry.prototype._getContainerSize = function () { + this.maxY = Math.max.apply(Math, this.colYs); var size = { height: this.maxY }; if (this.options.isFitWidth) { size.width = this._getContainerFitWidth() } + return size + }; Masonry.prototype._getContainerFitWidth = function () { + var unusedCols = 0; var i = this.cols; while (--i) { + if (this.colYs[i] !== 0) { break } + unusedCols++ + } + return (this.cols - unusedCols) * this.columnWidth - this.gutter + }; Masonry.prototype.needsResizeLayout = function () { var previousWidth = this.containerWidth; this.getContainerWidth(); return previousWidth !== this.containerWidth }; return Masonry +})); (function (window, factory) { 'use strict'; if (typeof define == 'function' && define.amd) { define('isotope/js/layout-modes/masonry', ['../layout-mode', 'masonry/masonry'], factory) } else if (typeof exports == 'object') { module.exports = factory(require('../layout-mode'), require('masonry-layout')) } else { factory(window.Isotope.LayoutMode, window.Masonry) } }(window, function factory(LayoutMode, Masonry) { + 'use strict'; function extend(a, b) { + for (var prop in b) { a[prop] = b[prop] } + return a + } + var MasonryMode = LayoutMode.create('masonry'); var _getElementOffset = MasonryMode.prototype._getElementOffset; var layout = MasonryMode.prototype.layout; var _getMeasurement = MasonryMode.prototype._getMeasurement; extend(MasonryMode.prototype, Masonry.prototype); MasonryMode.prototype._getElementOffset = _getElementOffset; MasonryMode.prototype.layout = layout; MasonryMode.prototype._getMeasurement = _getMeasurement; var measureColumns = MasonryMode.prototype.measureColumns; MasonryMode.prototype.measureColumns = function () { this.items = this.isotope.filteredItems; measureColumns.call(this) }; var _manageStamp = MasonryMode.prototype._manageStamp; MasonryMode.prototype._manageStamp = function () { this.options.isOriginLeft = this.isotope.options.isOriginLeft; this.options.isOriginTop = this.isotope.options.isOriginTop; _manageStamp.apply(this, arguments) }; return MasonryMode +})); (function (window, factory) { 'use strict'; if (typeof define == 'function' && define.amd) { define('isotope/js/layout-modes/fit-rows', ['../layout-mode'], factory) } else if (typeof exports == 'object') { module.exports = factory(require('../layout-mode')) } else { factory(window.Isotope.LayoutMode) } }(window, function factory(LayoutMode) { + 'use strict'; var FitRows = LayoutMode.create('fitRows'); FitRows.prototype._resetLayout = function () { this.x = 0; this.y = 0; this.maxY = 0; this._getMeasurement('gutter', 'outerWidth') }; FitRows.prototype._getItemLayoutPosition = function (item) { + item.getSize(); var itemWidth = item.size.outerWidth + this.gutter; var containerWidth = this.isotope.size.innerWidth + this.gutter; if (this.x !== 0 && itemWidth + this.x > containerWidth) { this.x = 0; this.y = this.maxY } + var position = { x: this.x, y: this.y }; this.maxY = Math.max(this.maxY, this.y + item.size.outerHeight); this.x += itemWidth; return position + }; FitRows.prototype._getContainerSize = function () { return { height: this.maxY } }; return FitRows +})); +(function (window, factory) { + 'use strict'; if (typeof define == 'function' && define.amd) { define('isotope/js/layout-modes/vertical', ['../layout-mode'], factory) } else if (typeof exports == 'object') { module.exports = factory(require('../layout-mode')) } else { factory(window.Isotope.LayoutMode) } }(window, function factory(LayoutMode) { 'use strict'; var Vertical = LayoutMode.create('vertical', { horizontalAlignment: 0 }); Vertical.prototype._resetLayout = function () { this.y = 0 }; Vertical.prototype._getItemLayoutPosition = function (item) { item.getSize(); var x = (this.isotope.size.innerWidth - item.size.outerWidth) * this.options.horizontalAlignment; var y = this.y; this.y += item.size.outerHeight; return { x: x, y: y } }; Vertical.prototype._getContainerSize = function () { return { height: this.y } }; return Vertical })); (function (window, factory) { 'use strict'; if (typeof define == 'function' && define.amd) { define(['outlayer/outlayer', 'get-size/get-size', 'matches-selector/matches-selector', 'fizzy-ui-utils/utils', 'isotope/js/item', 'isotope/js/layout-mode', 'isotope/js/layout-modes/masonry', 'isotope/js/layout-modes/fit-rows', 'isotope/js/layout-modes/vertical'], function (Outlayer, getSize, matchesSelector, utils, Item, LayoutMode) { return factory(window, Outlayer, getSize, matchesSelector, utils, Item, LayoutMode) }) } else if (typeof exports == 'object') { module.exports = factory(window, require('outlayer'), require('get-size'), require('desandro-matches-selector'), require('fizzy-ui-utils'), require('./item'), require('./layout-mode'), require('./layout-modes/masonry'), require('./layout-modes/fit-rows'), require('./layout-modes/vertical')) } else { window.Isotope = factory(window, window.Outlayer, window.getSize, window.matchesSelector, window.fizzyUIUtils, window.Isotope.Item, window.Isotope.LayoutMode) } }(window, function factory(window, Outlayer, getSize, matchesSelector, utils, Item, LayoutMode) { + var jQuery = window.jQuery; var trim = String.prototype.trim ? function (str) { return str.trim() } : function (str) { return str.replace(/^\s+|\s+$/g, '') }; var docElem = document.documentElement; var getText = docElem.textContent ? function (elem) { return elem.textContent } : function (elem) { return elem.innerText }; var Isotope = Outlayer.create('isotope', { layoutMode: "masonry", isJQueryFiltering: true, sortAscending: true }); Isotope.Item = Item; Isotope.LayoutMode = LayoutMode; Isotope.prototype._create = function () { this.itemGUID = 0; this._sorters = {}; this._getSorters(); Outlayer.prototype._create.call(this); this.modes = {}; this.filteredItems = this.items; this.sortHistory = ['original-order']; for (var name in LayoutMode.modes) { this._initLayoutMode(name) } }; Isotope.prototype.reloadItems = function () { this.itemGUID = 0; Outlayer.prototype.reloadItems.call(this) }; Isotope.prototype._itemize = function () { + var items = Outlayer.prototype._itemize.apply(this, arguments); for (var i = 0, len = items.length; i < len; i++) { var item = items[i]; item.id = this.itemGUID++ } + this._updateItemsSortData(items); return items + }; Isotope.prototype._initLayoutMode = function (name) { var Mode = LayoutMode.modes[name]; var initialOpts = this.options[name] || {}; this.options[name] = Mode.options ? utils.extend(Mode.options, initialOpts) : initialOpts; this.modes[name] = new Mode(this) }; Isotope.prototype.layout = function () { + if (!this._isLayoutInited && this.options.isInitLayout) { this.arrange(); return } + this._layout() + }; Isotope.prototype._layout = function () { var isInstant = this._getIsInstant(); this._resetLayout(); this._manageStamps(); this.layoutItems(this.filteredItems, isInstant); this._isLayoutInited = true }; Isotope.prototype.arrange = function (opts) { + this.option(opts); this._getIsInstant(); var filtered = this._filter(this.items); this.filteredItems = filtered.matches; var _this = this; function hideReveal() { _this.reveal(filtered.needReveal); _this.hide(filtered.needHide) } + this._bindArrangeComplete(); if (this._isInstant) { this._noTransition(hideReveal) } else { hideReveal() } + this._sort(); this._layout() + }; Isotope.prototype._init = Isotope.prototype.arrange; Isotope.prototype._getIsInstant = function () { var isInstant = this.options.isLayoutInstant !== undefined ? this.options.isLayoutInstant : !this._isLayoutInited; this._isInstant = isInstant; return isInstant }; Isotope.prototype._bindArrangeComplete = function () { + var isLayoutComplete, isHideComplete, isRevealComplete; var _this = this; function arrangeParallelCallback() { if (isLayoutComplete && isHideComplete && isRevealComplete) { _this.dispatchEvent('arrangeComplete', null, [_this.filteredItems]) } } + this.once('layoutComplete', function () { isLayoutComplete = true; arrangeParallelCallback() }); this.once('hideComplete', function () { isHideComplete = true; arrangeParallelCallback() }); this.once('revealComplete', function () { isRevealComplete = true; arrangeParallelCallback() }) + }; Isotope.prototype._filter = function (items) { + var filter = this.options.filter; filter = filter || '*'; var matches = []; var hiddenMatched = []; var visibleUnmatched = []; var test = this._getFilterTest(filter); for (var i = 0, len = items.length; i < len; i++) { + var item = items[i]; if (item.isIgnored) { continue } + var isMatched = test(item); if (isMatched) { matches.push(item) } + if (isMatched && item.isHidden) { hiddenMatched.push(item) } else if (!isMatched && !item.isHidden) { visibleUnmatched.push(item) } + } + return { matches: matches, needReveal: hiddenMatched, needHide: visibleUnmatched } + }; Isotope.prototype._getFilterTest = function (filter) { + if (jQuery && this.options.isJQueryFiltering) { return function (item) { return jQuery(item.element).is(filter) } } + if (typeof filter == 'function') { return function (item) { return filter(item.element) } } + return function (item) { return matchesSelector(item.element, filter) } + }; Isotope.prototype.updateSortData = function (elems) { + var items; if (elems) { elems = utils.makeArray(elems); items = this.getItems(elems) } else { items = this.items } + this._getSorters(); this._updateItemsSortData(items) + }; Isotope.prototype._getSorters = function () { var getSortData = this.options.getSortData; for (var key in getSortData) { var sorter = getSortData[key]; this._sorters[key] = mungeSorter(sorter) } }; Isotope.prototype._updateItemsSortData = function (items) { var len = items && items.length; for (var i = 0; len && i < len; i++) { var item = items[i]; item.updateSortData() } }; var mungeSorter = (function () { + function mungeSorter(sorter) { + if (typeof sorter != 'string') { return sorter } + var args = trim(sorter).split(' '); var query = args[0]; var attrMatch = query.match(/^\[(.+)\]$/); var attr = attrMatch && attrMatch[1]; var getValue = getValueGetter(attr, query); var parser = Isotope.sortDataParsers[args[1]]; sorter = parser ? function (elem) { return elem && parser(getValue(elem)) } : function (elem) { return elem && getValue(elem) }; return sorter + } + function getValueGetter(attr, query) { + var getValue; if (attr) { getValue = function (elem) { return elem.getAttribute(attr) } } else { getValue = function (elem) { var child = elem.querySelector(query); return child && getText(child) } } + return getValue + } + return mungeSorter + })(); Isotope.sortDataParsers = { 'parseInt': function (val) { return parseInt(val, 10) }, 'parseFloat': function (val) { return parseFloat(val) } }; Isotope.prototype._sort = function () { + var sortByOpt = this.options.sortBy; if (!sortByOpt) { return } + var sortBys = [].concat.apply(sortByOpt, this.sortHistory); var itemSorter = getItemSorter(sortBys, this.options.sortAscending); this.filteredItems.sort(itemSorter); if (sortByOpt != this.sortHistory[0]) { this.sortHistory.unshift(sortByOpt) } + }; function getItemSorter(sortBys, sortAsc) { + return function sorter(itemA, itemB) { + for (var i = 0, len = sortBys.length; i < len; i++) { var sortBy = sortBys[i]; var a = itemA.sortData[sortBy]; var b = itemB.sortData[sortBy]; if (a > b || a < b) { var isAscending = sortAsc[sortBy] !== undefined ? sortAsc[sortBy] : sortAsc; var direction = isAscending ? 1 : -1; return (a > b ? 1 : -1) * direction } } + return 0 + } + } + Isotope.prototype._mode = function () { + var layoutMode = this.options.layoutMode; var mode = this.modes[layoutMode]; if (!mode) { throw new Error('No layout mode: ' + layoutMode) } + mode.options = this.options[layoutMode]; return mode + }; + Isotope.prototype._resetLayout = function () { Outlayer.prototype._resetLayout.call(this); this._mode()._resetLayout() }; Isotope.prototype._getItemLayoutPosition = function (item) { return this._mode()._getItemLayoutPosition(item) }; Isotope.prototype._manageStamp = function (stamp) { this._mode()._manageStamp(stamp) }; Isotope.prototype._getContainerSize = function () { return this._mode()._getContainerSize() }; + Isotope.prototype.needsResizeLayout = function () { + return this._mode().needsResizeLayout() + }; + Isotope.prototype.appended = function (elems) { + var items = this.addItems(elems); if (!items.length) { return } + var filteredItems = this._filterRevealAdded(items); this.filteredItems = this.filteredItems.concat(filteredItems) + }; Isotope.prototype.prepended = function (elems) { + var items = this._itemize(elems); if (!items.length) { return } + this._resetLayout(); this._manageStamps(); var filteredItems = this._filterRevealAdded(items); this.layoutItems(this.filteredItems); this.filteredItems = filteredItems.concat(this.filteredItems); this.items = items.concat(this.items) + }; Isotope.prototype._filterRevealAdded = function (items) { var filtered = this._filter(items); this.hide(filtered.needHide); this.reveal(filtered.matches); this.layoutItems(filtered.matches, true); return filtered.matches }; Isotope.prototype.insert = function (elems) { + var items = this.addItems(elems); if (!items.length) { return } + var i, item; var len = items.length; for (i = 0; i < len; i++) { item = items[i]; this.element.appendChild(item.element) } + var filteredInsertItems = this._filter(items).matches; for (i = 0; i < len; i++) { items[i].isLayoutInstant = true } + this.arrange(); for (i = 0; i < len; i++) { delete items[i].isLayoutInstant } + this.reveal(filteredInsertItems) + }; var _remove = Isotope.prototype.remove; Isotope.prototype.remove = function (elems) { + elems = utils.makeArray(elems); var removeItems = this.getItems(elems); _remove.call(this, elems); var len = removeItems && removeItems.length; if (!len) { return } + for (var i = 0; i < len; i++) { var item = removeItems[i]; utils.removeFrom(this.filteredItems, item) } + }; Isotope.prototype.shuffle = function () { + for (var i = 0, len = this.items.length; i < len; i++) { var item = this.items[i]; item.sortData.random = Math.random() } + this.options.sortBy = 'random'; this._sort(); this._layout() + }; Isotope.prototype._noTransition = function (fn) { var transitionDuration = this.options.transitionDuration; this.options.transitionDuration = 0; var returnValue = fn.call(this); this.options.transitionDuration = transitionDuration; return returnValue }; Isotope.prototype.getFilteredItemElements = function () { + var elems = []; for (var i = 0, len = this.filteredItems.length; i < len; i++) { elems.push(this.filteredItems[i].element) } + return elems + }; return Isotope +})); (function (factory) { if (typeof define === "function" && define.amd) { define(['jquery'], function ($) { return factory($) }) } else if (typeof module === "object" && typeof module.exports === "object") { exports = factory(require('jquery')) } else { factory(jQuery) } })(function ($) { + $.easing.jswing = $.easing.swing; $.extend($.easing, { + def: 'easeOutQuad', swing: function (x, t, b, c, d) { return $.easing[$.easing.def](x, t, b, c, d) }, easeInQuad: function (x, t, b, c, d) { return c * (t /= d) * t + b }, easeOutQuad: function (x, t, b, c, d) { return -c * (t /= d) * (t - 2) + b }, easeInOutQuad: function (x, t, b, c, d) { if ((t /= d / 2) < 1) return c / 2 * t * t + b; return -c / 2 * ((--t) * (t - 2) - 1) + b }, easeInCubic: function (x, t, b, c, d) { return c * (t /= d) * t * t + b }, easeOutCubic: function (x, t, b, c, d) { return c * ((t = t / d - 1) * t * t + 1) + b }, easeInOutCubic: function (x, t, b, c, d) { if ((t /= d / 2) < 1) return c / 2 * t * t * t + b; return c / 2 * ((t -= 2) * t * t + 2) + b }, easeInQuart: function (x, t, b, c, d) { return c * (t /= d) * t * t * t + b }, easeOutQuart: function (x, t, b, c, d) { return -c * ((t = t / d - 1) * t * t * t - 1) + b }, easeInOutQuart: function (x, t, b, c, d) { if ((t /= d / 2) < 1) return c / 2 * t * t * t * t + b; return -c / 2 * ((t -= 2) * t * t * t - 2) + b }, easeInQuint: function (x, t, b, c, d) { return c * (t /= d) * t * t * t * t + b }, easeOutQuint: function (x, t, b, c, d) { return c * ((t = t / d - 1) * t * t * t * t + 1) + b }, easeInOutQuint: function (x, t, b, c, d) { if ((t /= d / 2) < 1) return c / 2 * t * t * t * t * t + b; return c / 2 * ((t -= 2) * t * t * t * t + 2) + b }, easeInSine: function (x, t, b, c, d) { return -c * Math.cos(t / d * (Math.PI / 2)) + c + b }, easeOutSine: function (x, t, b, c, d) { return c * Math.sin(t / d * (Math.PI / 2)) + b }, easeInOutSine: function (x, t, b, c, d) { return -c / 2 * (Math.cos(Math.PI * t / d) - 1) + b }, easeInExpo: function (x, t, b, c, d) { return (t == 0) ? b : c * Math.pow(2, 10 * (t / d - 1)) + b }, easeOutExpo: function (x, t, b, c, d) { return (t == d) ? b + c : c * (-Math.pow(2, -10 * t / d) + 1) + b }, easeInOutExpo: function (x, t, b, c, d) { if (t == 0) return b; if (t == d) return b + c; if ((t /= d / 2) < 1) return c / 2 * Math.pow(2, 10 * (t - 1)) + b; return c / 2 * (-Math.pow(2, -10 * --t) + 2) + b }, easeInCirc: function (x, t, b, c, d) { return -c * (Math.sqrt(1 - (t /= d) * t) - 1) + b }, easeOutCirc: function (x, t, b, c, d) { return c * Math.sqrt(1 - (t = t / d - 1) * t) + b }, easeInOutCirc: function (x, t, b, c, d) { if ((t /= d / 2) < 1) return -c / 2 * (Math.sqrt(1 - t * t) - 1) + b; return c / 2 * (Math.sqrt(1 - (t -= 2) * t) + 1) + b }, easeInElastic: function (x, t, b, c, d) { + var s = 1.70158; var p = 0; var a = c; if (t == 0) return b; if ((t /= d) == 1) return b + c; if (!p) p = d * .3; if (a < Math.abs(c)) { a = c; var s = p / 4 } + else var s = p / (2 * Math.PI) * Math.asin(c / a); return -(a * Math.pow(2, 10 * (t -= 1)) * Math.sin((t * d - s) * (2 * Math.PI) / p)) + b + }, easeOutElastic: function (x, t, b, c, d) { + var s = 1.70158; var p = 0; var a = c; if (t == 0) return b; if ((t /= d) == 1) return b + c; if (!p) p = d * .3; if (a < Math.abs(c)) { a = c; var s = p / 4 } + else var s = p / (2 * Math.PI) * Math.asin(c / a); return a * Math.pow(2, -10 * t) * Math.sin((t * d - s) * (2 * Math.PI) / p) + c + b + }, easeInOutElastic: function (x, t, b, c, d) { + var s = 1.70158; var p = 0; var a = c; if (t == 0) return b; if ((t /= d / 2) == 2) return b + c; if (!p) p = d * (.3 * 1.5); if (a < Math.abs(c)) { a = c; var s = p / 4 } + else var s = p / (2 * Math.PI) * Math.asin(c / a); if (t < 1) return -.5 * (a * Math.pow(2, 10 * (t -= 1)) * Math.sin((t * d - s) * (2 * Math.PI) / p)) + b; return a * Math.pow(2, -10 * (t -= 1)) * Math.sin((t * d - s) * (2 * Math.PI) / p) * .5 + c + b + }, easeInBack: function (x, t, b, c, d, s) { if (s == undefined) s = 1.70158; return c * (t /= d) * t * ((s + 1) * t - s) + b }, easeOutBack: function (x, t, b, c, d, s) { if (s == undefined) s = 1.70158; return c * ((t = t / d - 1) * t * ((s + 1) * t + s) + 1) + b }, easeInOutBack: function (x, t, b, c, d, s) { if (s == undefined) s = 1.70158; if ((t /= d / 2) < 1) return c / 2 * (t * t * (((s *= (1.525)) + 1) * t - s)) + b; return c / 2 * ((t -= 2) * t * (((s *= (1.525)) + 1) * t + s) + 2) + b }, easeInBounce: function (x, t, b, c, d) { return c - $.easing.easeOutBounce(x, d - t, 0, c, d) + b }, easeOutBounce: function (x, t, b, c, d) { if ((t /= d) < (1 / 2.75)) { return c * (7.5625 * t * t) + b } else if (t < (2 / 2.75)) { return c * (7.5625 * (t -= (1.5 / 2.75)) * t + .75) + b } else if (t < (2.5 / 2.75)) { return c * (7.5625 * (t -= (2.25 / 2.75)) * t + .9375) + b } else { return c * (7.5625 * (t -= (2.625 / 2.75)) * t + .984375) + b } }, easeInOutBounce: function (x, t, b, c, d) { if (t < d / 2) return $.easing.easeInBounce(x, t * 2, 0, c, d) * .5 + b; return $.easing.easeOutBounce(x, t * 2 - d, 0, c, d) * .5 + c * .5 + b } + }) +}); (function ($) { + var types = ['DOMMouseScroll', 'mousewheel']; if ($.event.fixHooks) { for (var i = types.length; i;) { $.event.fixHooks[types[--i]] = $.event.mouseHooks } } + $.event.special.mousewheel = { setup: function () { if (this.addEventListener) { for (var i = types.length; i;) { this.addEventListener(types[--i], handler, false) } } else { this.onmousewheel = handler } }, teardown: function () { if (this.removeEventListener) { for (var i = types.length; i;) { this.removeEventListener(types[--i], handler, false) } } else { this.onmousewheel = null } } }; $.fn.extend({ mousewheel: function (fn) { return fn ? this.bind("mousewheel", fn) : this.trigger("mousewheel") }, unmousewheel: function (fn) { return this.unbind("mousewheel", fn) } }); function handler(event) { + var orgEvent = event || window.event, args = [].slice.call(arguments, 1), delta = 0, returnValue = true, deltaX = 0, deltaY = 0; event = $.event.fix(orgEvent); event.type = "mousewheel"; if (orgEvent.wheelDelta) { delta = orgEvent.wheelDelta / 120 } + if (orgEvent.detail) { delta = -orgEvent.detail / 3 } + deltaY = delta; if (orgEvent.axis !== undefined && orgEvent.axis === orgEvent.HORIZONTAL_AXIS) { deltaY = 0; deltaX = -1 * delta } + if (orgEvent.wheelDeltaY !== undefined) { deltaY = orgEvent.wheelDeltaY / 120 } + if (orgEvent.wheelDeltaX !== undefined) { deltaX = -1 * orgEvent.wheelDeltaX / 120 } + args.unshift(event, delta, deltaX, deltaY); return ($.event.dispatch || $.event.handle).apply(this, args) + } +})(jQuery); (function (window, $) { + "use strict"; $.SliderPro = { modules: [], addModule: function (name, module) { this.modules.push(name); $.extend(SliderPro.prototype, module) } }; var NS = $.SliderPro.namespace = 'SliderPro'; var SliderPro = function (instance, options) { this.instance = instance; this.$slider = $(this.instance); this.$slides = null; this.$slidesMask = null; this.$slidesContainer = null; this.slides = []; this.slidesOrder = []; this.options = options; this.settings = {}; this.originalSettings = {}; this.originalGotoSlide = null; this.selectedSlideIndex = 0; this.previousSlideIndex = 0; this.middleSlidePosition = 0; this.supportedAnimation = null; this.vendorPrefix = null; this.transitionEvent = null; this.positionProperty = null; this.sizeProperty = null; this.isIE = null; this.slidesPosition = 0; this.slidesSize = 0; this.averageSlideSize = 0; this.slideWidth = 0; this.slideHeight = 0; this.previousSlideWidth = 0; this.previousSlideHeight = 0; this.previousWindowWidth = 0; this.previousWindowHeight = 0; this.allowResize = true; this.uniqueId = new Date().valueOf(); this.breakpoints = []; this.currentBreakpoint = -1; this.shuffledIndexes = []; this._init() }; SliderPro.prototype = { + _init: function () { + var that = this; this.supportedAnimation = SliderProUtils.getSupportedAnimation(); this.vendorPrefix = SliderProUtils.getVendorPrefix(); this.transitionEvent = SliderProUtils.getTransitionEvent(); this.isIE = SliderProUtils.checkIE(); this.$slider.removeClass('sp-no-js'); if (window.navigator.userAgent.match(/(iPad|iPhone|iPod)/g)) { this.$slider.addClass('ios') } + var rmsie = /(msie) ([\w.]+)/, ieVersion = rmsie.exec(window.navigator.userAgent.toLowerCase()); if (this.isIE) { this.$slider.addClass('ie') } + if (ieVersion !== null) { this.$slider.addClass('ie' + parseInt(ieVersion[2], 10)) } + this.$slidesContainer = $('
').appendTo(this.$slider); this.$slidesMask = $('
').appendTo(this.$slidesContainer); this.$slides = this.$slider.find('.sp-slides').appendTo(this.$slidesMask); this.$slider.find('.sp-slide').appendTo(this.$slides); var modules = $.SliderPro.modules; if (typeof modules !== 'undefined') { for (var i = 0; i < modules.length; i++) { var defaults = modules[i].substring(0, 1).toLowerCase() + modules[i].substring(1) + 'Defaults'; if (typeof this[defaults] !== 'undefined') { $.extend(this.defaults, this[defaults]) } } } + this.settings = $.extend({}, this.defaults, this.options); if (typeof modules !== 'undefined') { for (var j = 0; j < modules.length; j++) { if (typeof this['init' + modules[j]] !== 'undefined') { this['init' + modules[j]]() } } } + this.originalSettings = $.extend({}, this.settings); this.originalGotoSlide = this.gotoSlide; if (this.settings.breakpoints !== null) { + for (var sizes in this.settings.breakpoints) { this.breakpoints.push({ size: parseInt(sizes, 10), properties: this.settings.breakpoints[sizes] }) } + this.breakpoints = this.breakpoints.sort(function (a, b) { return a.size >= b.size ? 1 : -1 }) + } + this.selectedSlideIndex = this.settings.startSlide; if (this.settings.shuffle === true) { + var slides = this.$slides.find('.sp-slide'), shuffledSlides = []; slides.each(function (index) { that.shuffledIndexes.push(index) }); for (var k = this.shuffledIndexes.length - 1; k > 0; k--) { var l = Math.floor(Math.random() * (k + 1)), temp = this.shuffledIndexes[k]; this.shuffledIndexes[k] = this.shuffledIndexes[l]; this.shuffledIndexes[l] = temp } + $.each(this.shuffledIndexes, function (index, element) { shuffledSlides.push(slides[element]) }); this.$slides.empty().append(shuffledSlides) + } + $(window).on('resize.' + this.uniqueId + '.' + NS, function () { + var newWindowWidth = $(window).width(), newWindowHeight = $(window).height(); if (that.allowResize === false || (that.previousWindowWidth === newWindowWidth && that.previousWindowHeight === newWindowHeight)) { return } + that.previousWindowWidth = newWindowWidth; that.previousWindowHeight = newWindowHeight; that.allowResize = false; setTimeout(function () { that.resize(); that.allowResize = true }, 200) + }); this.on('update.' + NS, function () { that.previousSlideWidth = 0; that.resize() }); this.update(); this.$slides.find('.sp-slide').eq(this.selectedSlideIndex).addClass('sp-selected'); this.trigger({ type: 'init' }); if ($.isFunction(this.settings.init)) { this.settings.init.call(this, { type: 'init' }) } + }, update: function () { + var that = this; if (this.settings.orientation === 'horizontal') { this.$slider.removeClass('sp-vertical').addClass('sp-horizontal'); this.$slider.css({ 'height': '', 'max-height': '' }); this.$slides.find('.sp-slide').css('top', '') } else if (this.settings.orientation === 'vertical') { this.$slider.removeClass('sp-horizontal').addClass('sp-vertical'); this.$slides.find('.sp-slide').css('left', '') } + if (this.settings.rightToLeft === true) { this.$slider.addClass('sp-rtl') } else { this.$slider.removeClass('sp-rtl') } + this.positionProperty = this.settings.orientation === 'horizontal' ? 'left' : 'top'; this.sizeProperty = this.settings.orientation === 'horizontal' ? 'width' : 'height'; this.gotoSlide = this.originalGotoSlide; for (var i = this.slides.length - 1; i >= 0; i--) { if (this.$slider.find('.sp-slide[data-index="' + i + '"]').length === 0) { var slide = this.slides[i]; slide.off('imagesLoaded.' + NS); slide.destroy(); this.slides.splice(i, 1) } } + this.slidesOrder.length = 0; this.$slider.find('.sp-slide').each(function (index) { + var $slide = $(this); if (typeof $slide.attr('data-init') === 'undefined') { that._createSlide(index, $slide) } else { that.slides[index].setIndex(index) } + that.slidesOrder.push(index) + }); this.middleSlidePosition = parseInt((that.slidesOrder.length - 1) / 2, 10); if (this.settings.loop === true) { this._updateSlidesOrder() } + this.trigger({ type: 'update' }); if ($.isFunction(this.settings.update)) { this.settings.update.call(this, { type: 'update' }) } + }, _createSlide: function (index, element) { + var that = this, slide = new SliderProSlide($(element), index, this.settings); this.slides.splice(index, 0, slide); slide.on('imagesLoaded.' + NS, function (event) { + if (that.$slides.hasClass('sp-animated') === false) { that._resetSlidesPosition() } + that._calculateSlidesSize(); if (that.settings.autoHeight === true && event.index === that.selectedSlideIndex) { that._resizeHeightTo(slide.getSize().height) } + }) + }, _updateSlidesOrder: function () { var slicedItems, i, distance = $.inArray(this.selectedSlideIndex, this.slidesOrder) - this.middleSlidePosition; if (distance < 0) { slicedItems = this.slidesOrder.splice(distance, Math.abs(distance)); for (i = slicedItems.length - 1; i >= 0; i--) { this.slidesOrder.unshift(slicedItems[i]) } } else if (distance > 0) { slicedItems = this.slidesOrder.splice(0, distance); for (i = 0; i <= slicedItems.length - 1; i++) { this.slidesOrder.push(slicedItems[i]) } } }, _updateSlidesPosition: function () { + var selectedSlidePixelPosition = parseInt(this.$slides.find('.sp-slide').eq(this.selectedSlideIndex).css(this.positionProperty), 10), slide, $slideElement, slideIndex, slideSize, previousPosition = selectedSlidePixelPosition; if (this.settings.rightToLeft === true && this.settings.orientation === 'horizontal') { + for (slideIndex = this.middleSlidePosition; slideIndex >= 0; slideIndex--) { slide = this.getSlideAt(this.slidesOrder[slideIndex]); $slideElement = slide.$slide; $slideElement.css(this.positionProperty, previousPosition); previousPosition = parseInt($slideElement.css(this.positionProperty), 10) + slide.getSize()[this.sizeProperty] + this.settings.slideDistance } + previousPosition = selectedSlidePixelPosition; for (slideIndex = this.middleSlidePosition + 1; slideIndex < this.slidesOrder.length; slideIndex++) { slide = this.getSlideAt(this.slidesOrder[slideIndex]); $slideElement = slide.$slide; $slideElement.css(this.positionProperty, previousPosition - (slide.getSize()[this.sizeProperty] + this.settings.slideDistance)); previousPosition = parseInt($slideElement.css(this.positionProperty), 10) } + } else { + for (slideIndex = this.middleSlidePosition - 1; slideIndex >= 0; slideIndex--) { slide = this.getSlideAt(this.slidesOrder[slideIndex]); $slideElement = slide.$slide; $slideElement.css(this.positionProperty, previousPosition - (slide.getSize()[this.sizeProperty] + this.settings.slideDistance)); previousPosition = parseInt($slideElement.css(this.positionProperty), 10) } + previousPosition = selectedSlidePixelPosition; for (slideIndex = this.middleSlidePosition; slideIndex < this.slidesOrder.length; slideIndex++) { slide = this.getSlideAt(this.slidesOrder[slideIndex]); $slideElement = slide.$slide; $slideElement.css(this.positionProperty, previousPosition); previousPosition = parseInt($slideElement.css(this.positionProperty), 10) + slide.getSize()[this.sizeProperty] + this.settings.slideDistance } + } + }, _resetSlidesPosition: function () { + var previousPosition = 0, slide, $slideElement, slideIndex; if (this.settings.rightToLeft === true && this.settings.orientation === 'horizontal') { for (slideIndex = 0; slideIndex < this.slidesOrder.length; slideIndex++) { slide = this.getSlideAt(this.slidesOrder[slideIndex]); $slideElement = slide.$slide; $slideElement.css(this.positionProperty, previousPosition - (slide.getSize()[this.sizeProperty] + this.settings.slideDistance)); previousPosition = parseInt($slideElement.css(this.positionProperty), 10) } } else { for (slideIndex = 0; slideIndex < this.slidesOrder.length; slideIndex++) { slide = this.getSlideAt(this.slidesOrder[slideIndex]); $slideElement = slide.$slide; $slideElement.css(this.positionProperty, previousPosition); previousPosition = parseInt($slideElement.css(this.positionProperty), 10) + slide.getSize()[this.sizeProperty] + this.settings.slideDistance } } + var selectedSlideOffset = this.settings.centerSelectedSlide === true ? Math.round((parseInt(this.$slidesMask.css(this.sizeProperty), 10) - this.getSlideAt(this.selectedSlideIndex).getSize()[this.sizeProperty]) / 2) : 0, newSlidesPosition = -parseInt(this.$slides.find('.sp-slide').eq(this.selectedSlideIndex).css(this.positionProperty), 10) + selectedSlideOffset; this._moveTo(newSlidesPosition, true) + }, _calculateSlidesSize: function () { var firstSlide = this.$slides.find('.sp-slide').eq(this.slidesOrder[0]), firstSlidePosition = parseInt(firstSlide.css(this.positionProperty), 10), lastSlide = this.$slides.find('.sp-slide').eq(this.slidesOrder[this.slidesOrder.length - 1]), lastSlidePosition = parseInt(lastSlide.css(this.positionProperty), 10) + (this.settings.rightToLeft === true && this.settings.orientation === 'horizontal' ? -1 : 1) * parseInt(lastSlide.css(this.sizeProperty), 10); this.slidesSize = Math.abs(lastSlidePosition - firstSlidePosition); this.averageSlideSize = Math.round(this.slidesSize / this.slides.length) }, resize: function () { + var that = this; if (this.settings.breakpoints !== null && this.breakpoints.length > 0) { + if ($(window).width() > this.breakpoints[this.breakpoints.length - 1].size && this.currentBreakpoint !== -1) { this.currentBreakpoint = -1; this._setProperties(this.originalSettings, false) } else { + for (var i = 0, n = this.breakpoints.length; i < n; i++) { + if ($(window).width() <= this.breakpoints[i].size) { + if (this.currentBreakpoint !== this.breakpoints[i].size) { + var eventObject = { type: 'breakpointReach', size: this.breakpoints[i].size, settings: this.breakpoints[i].properties }; this.trigger(eventObject); if ($.isFunction(this.settings.breakpointReach)) + this.settings.breakpointReach.call(this, eventObject); this.currentBreakpoint = this.breakpoints[i].size; var settings = $.extend({}, this.originalSettings, this.breakpoints[i].properties); this._setProperties(settings, false); return + } + break + } + } + } + } + if (this.settings.responsive === true) { if ((this.settings.forceSize === 'fullWidth' || this.settings.forceSize === 'fullWindow') && (this.settings.visibleSize === 'auto' || this.settings.visibleSize !== 'auto' && this.settings.orientation === 'vertical')) { this.$slider.css('margin', 0); this.$slider.css({ 'width': $(window).width(), 'max-width': '', 'marginLeft': -this.$slider.offset().left }) } else { this.$slider.css({ 'width': '100%', 'max-width': this.settings.width, 'marginLeft': '' }) } } else { this.$slider.css({ 'width': this.settings.width }) } + if (this.settings.aspectRatio === -1) { this.settings.aspectRatio = this.settings.width / this.settings.height } + this.slideWidth = this.$slider.width(); if (this.settings.forceSize === 'fullWindow') { this.slideHeight = $(window).height() } else { this.slideHeight = isNaN(this.settings.aspectRatio) ? this.settings.height : this.slideWidth / this.settings.aspectRatio } + if (this.previousSlideWidth !== this.slideWidth || this.previousSlideHeight !== this.slideHeight || this.settings.visibleSize !== 'auto' || this.$slider.outerWidth() > this.$slider.parent().width() || this.$slider.width() !== this.$slidesMask.width()) { this.previousSlideWidth = this.slideWidth; this.previousSlideHeight = this.slideHeight } else { return } + this._resizeSlides(); this.$slidesMask.css({ 'width': this.slideWidth, 'height': this.slideHeight }); if (this.settings.autoHeight === true) { setTimeout(function () { that._resizeHeight() }, 1) } else { this.$slidesMask.css(this.vendorPrefix + 'transition', '') } + if (this.settings.visibleSize !== 'auto') { + if (this.settings.orientation === 'horizontal') { + if (this.settings.forceSize === 'fullWidth' || this.settings.forceSize === 'fullWindow') { this.$slider.css('margin', 0); this.$slider.css({ 'width': $(window).width(), 'max-width': '', 'marginLeft': -this.$slider.offset().left }) } else { this.$slider.css({ 'width': this.settings.visibleSize, 'max-width': '100%', 'marginLeft': 0 }) } + this.$slidesMask.css('width', this.$slider.width()) + } else { + if (this.settings.forceSize === 'fullWindow') { this.$slider.css({ 'height': $(window).height(), 'max-height': '' }) } else { this.$slider.css({ 'height': this.settings.visibleSize, 'max-height': '100%' }) } + this.$slidesMask.css('height', this.$slider.height()) + } + } + this._resetSlidesPosition(); this._calculateSlidesSize(); this.trigger({ type: 'sliderResize' }); if ($.isFunction(this.settings.sliderResize)) { this.settings.sliderResize.call(this, { type: 'sliderResize' }) } + }, _resizeSlides: function () { + var slideWidth = this.slideWidth, slideHeight = this.slideHeight; if (this.settings.autoSlideSize === true) { if (this.settings.orientation === 'horizontal') { slideWidth = 'auto' } else if (this.settings.orientation === 'vertical') { slideHeight = 'auto' } } else if (this.settings.autoHeight === true) { slideHeight = 'auto' } + $.each(this.slides, function (index, element) { element.setSize(slideWidth, slideHeight) }) + }, _resizeHeight: function () { var that = this, selectedSlide = this.getSlideAt(this.selectedSlideIndex); this._resizeHeightTo(selectedSlide.getSize().height) }, gotoSlide: function (index) { + if (index === this.selectedSlideIndex || typeof this.slides[index] === 'undefined') { return } + var that = this; this.previousSlideIndex = this.selectedSlideIndex; this.selectedSlideIndex = index; this.$slides.find('.sp-selected').removeClass('sp-selected'); this.$slides.find('.sp-slide').eq(this.selectedSlideIndex).addClass('sp-selected'); if (this.settings.loop === true) { this._updateSlidesOrder(); this._updateSlidesPosition() } + if (this.settings.autoHeight === true) { this._resizeHeight() } + var selectedSlideOffset = this.settings.centerSelectedSlide === true ? Math.round((parseInt(this.$slidesMask.css(this.sizeProperty), 10) - this.getSlideAt(this.selectedSlideIndex).getSize()[this.sizeProperty]) / 2) : 0, newSlidesPosition = -parseInt(this.$slides.find('.sp-slide').eq(this.selectedSlideIndex).css(this.positionProperty), 10) + selectedSlideOffset; this._moveTo(newSlidesPosition, false, function () { that._resetSlidesPosition(); that.trigger({ type: 'gotoSlideComplete', index: index, previousIndex: that.previousSlideIndex }); if ($.isFunction(that.settings.gotoSlideComplete)) { that.settings.gotoSlideComplete.call(that, { type: 'gotoSlideComplete', index: index, previousIndex: that.previousSlideIndex }) } }); this.trigger({ type: 'gotoSlide', index: index, previousIndex: this.previousSlideIndex }); if ($.isFunction(this.settings.gotoSlide)) { this.settings.gotoSlide.call(this, { type: 'gotoSlide', index: index, previousIndex: this.previousSlideIndex }) } + }, nextSlide: function () { var index = (this.selectedSlideIndex >= this.getTotalSlides() - 1) ? 0 : (this.selectedSlideIndex + 1); this.gotoSlide(index) }, previousSlide: function () { var index = this.selectedSlideIndex <= 0 ? (this.getTotalSlides() - 1) : (this.selectedSlideIndex - 1); this.gotoSlide(index) }, _moveTo: function (position, instant, callback) { + var that = this, css = {}; if (position === this.slidesPosition) { return } + this.slidesPosition = position; if ((this.supportedAnimation === 'css-3d' || this.supportedAnimation === 'css-2d') && this.isIE === false) { + var transition, left = this.settings.orientation === 'horizontal' ? position : 0, top = this.settings.orientation === 'horizontal' ? 0 : position; if (this.supportedAnimation === 'css-3d') { css[this.vendorPrefix + 'transform'] = 'translate3d(' + left + 'px, ' + top + 'px, 0)' } else { css[this.vendorPrefix + 'transform'] = 'translate(' + left + 'px, ' + top + 'px)' } + if (typeof instant !== 'undefined' && instant === true) { transition = '' } else { + this.$slides.addClass('sp-animated'); transition = this.vendorPrefix + 'transform ' + this.settings.slideAnimationDuration / 1000 + 's'; this.$slides.on(this.transitionEvent, function (event) { + if (event.target !== event.currentTarget) { return } + that.$slides.off(that.transitionEvent); that.$slides.removeClass('sp-animated'); if (typeof callback === 'function') { callback() } + }) + } + css[this.vendorPrefix + 'transition'] = transition; this.$slides.css(css) + } else { css['margin-' + this.positionProperty] = position; if (typeof instant !== 'undefined' && instant === true) { this.$slides.css(css) } else { this.$slides.addClass('sp-animated'); this.$slides.animate(css, this.settings.slideAnimationDuration, function () { that.$slides.removeClass('sp-animated'); if (typeof callback === 'function') { callback() } }) } } + }, _stopMovement: function () { + var css = {}; if ((this.supportedAnimation === 'css-3d' || this.supportedAnimation === 'css-2d') && this.isIE === false) { + var matrixString = this.$slides.css(this.vendorPrefix + 'transform'), matrixType = matrixString.indexOf('matrix3d') !== -1 ? 'matrix3d' : 'matrix', matrixArray = matrixString.replace(matrixType, '').match(/-?[0-9\.]+/g), left = matrixType === 'matrix3d' ? parseInt(matrixArray[12], 10) : parseInt(matrixArray[4], 10), top = matrixType === 'matrix3d' ? parseInt(matrixArray[13], 10) : parseInt(matrixArray[5], 10); if (this.supportedAnimation === 'css-3d') { css[this.vendorPrefix + 'transform'] = 'translate3d(' + left + 'px, ' + top + 'px, 0)' } else { css[this.vendorPrefix + 'transform'] = 'translate(' + left + 'px, ' + top + 'px)' } + css[this.vendorPrefix + 'transition'] = ''; this.$slides.css(css); this.$slides.off(this.transitionEvent); this.slidesPosition = this.settings.orientation === 'horizontal' ? left : top + } else { this.$slides.stop(); this.slidesPosition = parseInt(this.$slides.css('margin-' + this.positionProperty), 10) } + this.$slides.removeClass('sp-animated') + }, _resizeHeightTo: function (height) { + var that = this, css = { 'height': height }; if (this.supportedAnimation === 'css-3d' || this.supportedAnimation === 'css-2d') { + css[this.vendorPrefix + 'transition'] = 'height ' + this.settings.heightAnimationDuration / 1000 + 's'; this.$slidesMask.off(this.transitionEvent); this.$slidesMask.on(this.transitionEvent, function (event) { + if (event.target !== event.currentTarget) { return } + that.$slidesMask.off(that.transitionEvent); that.trigger({ type: 'resizeHeightComplete' }); if ($.isFunction(that.settings.resizeHeightComplete)) { that.settings.resizeHeightComplete.call(that, { type: 'resizeHeightComplete' }) } + }); this.$slidesMask.css(css) + } else { this.$slidesMask.stop().animate(css, this.settings.heightAnimationDuration, function (event) { that.trigger({ type: 'resizeHeightComplete' }); if ($.isFunction(that.settings.resizeHeightComplete)) { that.settings.resizeHeightComplete.call(that, { type: 'resizeHeightComplete' }) } }) } + }, destroy: function () { + this.$slider.removeData('sliderPro'); this.$slider.removeAttr('style'); this.$slides.removeAttr('style'); this.off('update.' + NS); $(window).off('resize.' + this.uniqueId + '.' + NS); var modules = $.SliderPro.modules; if (typeof modules !== 'undefined') { for (var i = 0; i < modules.length; i++) { if (typeof this['destroy' + modules[i]] !== 'undefined') { this['destroy' + modules[i]]() } } } + $.each(this.slides, function (index, element) { element.destroy() }); this.slides.length = 0; this.$slides.prependTo(this.$slider); this.$slidesContainer.remove() + }, _setProperties: function (properties, store) { + for (var prop in properties) { this.settings[prop] = properties[prop]; if (store !== false) { this.originalSettings[prop] = properties[prop] } } + this.update() + }, on: function (type, callback) { return this.$slider.on(type, callback) }, off: function (type) { return this.$slider.off(type) }, trigger: function (data) { return this.$slider.triggerHandler(data) }, getSlideAt: function (index) { return this.slides[index] }, getSelectedSlide: function () { return this.selectedSlideIndex }, getTotalSlides: function () { return this.slides.length }, defaults: { width: 500, height: 300, responsive: true, aspectRatio: -1, imageScaleMode: 'cover', centerImage: true, allowScaleUp: true, autoHeight: false, autoSlideSize: false, startSlide: 0, shuffle: false, orientation: 'horizontal', forceSize: 'none', loop: true, slideDistance: 10, slideAnimationDuration: 700, heightAnimationDuration: 700, visibleSize: 'auto', centerSelectedSlide: true, rightToLeft: false, breakpoints: null, init: function () { }, update: function () { }, sliderResize: function () { }, gotoSlide: function () { }, gotoSlideComplete: function () { }, resizeHeightComplete: function () { }, breakpointReach: function () { } } + }; var SliderProSlide = function (slide, index, settings) { this.$slide = slide; this.$mainImage = null; this.$imageContainer = null; this.hasMainImage = false; this.isMainImageLoaded = false; this.isMainImageLoading = false; this.hasImages = false; this.areImagesLoaded = false; this.areImagesLoading = false; this.width = 0; this.height = 0; this.settings = settings; this.setIndex(index); this._init() }; SliderProSlide.prototype = { + _init: function () { + var that = this; this.$slide.attr('data-init', true); this.$mainImage = this.$slide.find('.sp-image').length !== 0 ? this.$slide.find('.sp-image') : null; if (this.$mainImage !== null) { this.hasMainImage = true; this.$imageContainer = $('
').prependTo(this.$slide); if (this.$mainImage.parent('a').length !== 0) { this.$mainImage.parent('a').appendTo(this.$imageContainer) } else { this.$mainImage.appendTo(this.$imageContainer) } } + this.hasImages = this.$slide.find('img').length !== 0 ? true : false + }, setSize: function (width, height) { var that = this; this.width = width; this.height = height; this.$slide.css({ 'width': this.width, 'height': this.height }); if (this.hasMainImage === true) { this.$imageContainer.css({ 'width': this.settings.width, 'height': this.settings.height }); if (typeof this.$mainImage.attr('data-src') === 'undefined') { this.resizeMainImage() } } }, getSize: function () { + var that = this, size; if (this.hasImages === true && this.areImagesLoaded === false && this.areImagesLoading === false) { this.areImagesLoading = true; var status = SliderProUtils.checkImagesStatus(this.$slide); if (status !== 'complete') { SliderProUtils.checkImagesComplete(this.$slide, function () { that.areImagesLoaded = true; that.areImagesLoading = false; that.trigger({ type: 'imagesLoaded.' + NS, index: that.index }) }); return { 'width': this.settings.width, 'height': this.settings.height } } } + size = this.calculateSize(); return { 'width': size.width, 'height': size.height } + }, calculateSize: function () { + var width = this.$slide.width(), height = this.$slide.height(); this.$slide.children().each(function (index, element) { + var child = $(element); if (child.is(':hidden') === true) { return } + var rect = element.getBoundingClientRect(), bottom = child.position().top + (rect.bottom - rect.top), right = child.position().left + (rect.right - rect.left); if (bottom > height) { height = bottom } + if (right > width) { width = right } + }); return { width: width, height: height } + }, resizeMainImage: function (isNewImage) { + var that = this; if (isNewImage === true) { this.isMainImageLoaded = false; this.isMainImageLoading = false } + if (this.isMainImageLoaded === false && this.isMainImageLoading === false) { this.isMainImageLoading = true; SliderProUtils.checkImagesComplete(this.$mainImage, function () { that.isMainImageLoaded = true; that.isMainImageLoading = false; that.resizeMainImage(); that.trigger({ type: 'imagesLoaded.' + NS, index: that.index }) }); return } + this.$imageContainer.css({ 'width': this.width, 'height': this.height }); if (this.settings.allowScaleUp === false) { this.$mainImage.css({ 'width': '', 'height': '', 'maxWidth': '', 'maxHeight': '' }); this.$mainImage.css({ 'maxWidth': this.$mainImage.width(), 'maxHeight': this.$mainImage.height() }) } + if (this.settings.autoSlideSize === true) { if (this.settings.orientation === 'horizontal') { this.$mainImage.css({ width: 'auto', height: '100%' }) } else if (this.settings.orientation === 'vertical') { this.$mainImage.css({ width: '100%', height: 'auto' }) } } else if (this.settings.autoHeight === true) { this.$mainImage.css({ width: '100%', height: 'auto' }) } else { + if (this.settings.imageScaleMode === 'cover') { if (this.$mainImage.width() / this.$mainImage.height() <= this.width / this.height) { this.$mainImage.css({ width: '100%', height: 'auto' }) } else { this.$mainImage.css({ width: 'auto', height: '100%' }) } } else if (this.settings.imageScaleMode === 'contain') { if (this.$mainImage.width() / this.$mainImage.height() >= this.width / this.height) { this.$mainImage.css({ width: '100%', height: 'auto' }) } else { this.$mainImage.css({ width: 'auto', height: '100%' }) } } else if (this.settings.imageScaleMode === 'exact') { this.$mainImage.css({ width: '100%', height: '100%' }) } + if (this.settings.centerImage === true) { this.$mainImage.css({ 'marginLeft': (this.$imageContainer.width() - this.$mainImage.width()) * 0.5, 'marginTop': (this.$imageContainer.height() - this.$mainImage.height()) * 0.5 }) } + } + }, destroy: function () { this.$slide.removeAttr('style'); this.$slide.removeAttr('data-init'); this.$slide.removeAttr('data-index'); this.$slide.removeAttr('data-loaded'); if (this.hasMainImage === true) { this.$slide.find('.sp-image').removeAttr('style').appendTo(this.$slide); this.$slide.find('.sp-image-container').remove() } }, getIndex: function () { return this.index }, setIndex: function (index) { this.index = index; this.$slide.attr('data-index', this.index) }, on: function (type, callback) { return this.$slide.on(type, callback) }, off: function (type) { return this.$slide.off(type) }, trigger: function (data) { return this.$slide.triggerHandler(data) } + }; window.SliderPro = SliderPro; window.SliderProSlide = SliderProSlide; $.fn.sliderPro = function (options) { var args = Array.prototype.slice.call(arguments, 1); return this.each(function () { if (typeof $(this).data('sliderPro') === 'undefined') { var newInstance = new SliderPro(this, options); $(this).data('sliderPro', newInstance) } else if (typeof options !== 'undefined') { var currentInstance = $(this).data('sliderPro'); if (typeof currentInstance[options] === 'function') { currentInstance[options].apply(currentInstance, args) } else if (typeof currentInstance.settings[options] !== 'undefined') { var obj = {}; obj[options] = args[0]; currentInstance._setProperties(obj) } else if (typeof options === 'object') { currentInstance._setProperties(options) } else { $.error(options + ' does not exist in sliderPro.') } } }) }; var SliderProUtils = { + supportedAnimation: null, vendorPrefix: null, transitionEvent: null, isIE: null, getSupportedAnimation: function () { + if (this.supportedAnimation !== null) { return this.supportedAnimation } + var element = document.body || document.documentElement, elementStyle = element.style, isCSSTransitions = typeof elementStyle.transition !== 'undefined' || typeof elementStyle.WebkitTransition !== 'undefined' || typeof elementStyle.MozTransition !== 'undefined' || typeof elementStyle.OTransition !== 'undefined'; if (isCSSTransitions === true) { + var div = document.createElement('div'); if (typeof div.style.WebkitPerspective !== 'undefined' || typeof div.style.perspective !== 'undefined') { this.supportedAnimation = 'css-3d' } + if (this.supportedAnimation === 'css-3d' && typeof div.styleWebkitPerspective !== 'undefined') { + var style = document.createElement('style'); style.textContent = '@media (transform-3d),(-webkit-transform-3d){#test-3d{left:9px;position:absolute;height:5px;margin:0;padding:0;border:0;}}'; document.getElementsByTagName('head')[0].appendChild(style); div.id = 'test-3d'; document.body.appendChild(div); if (!(div.offsetLeft === 9 && div.offsetHeight === 5)) { this.supportedAnimation = null } + style.parentNode.removeChild(style); div.parentNode.removeChild(div) + } + if (this.supportedAnimation === null && (typeof div.style['-webkit-transform'] !== 'undefined' || typeof div.style.transform !== 'undefined')) { this.supportedAnimation = 'css-2d' } + } else { this.supportedAnimation = 'javascript' } + return this.supportedAnimation + }, getVendorPrefix: function () { + if (this.vendorPrefix !== null) { return this.vendorPrefix } + var div = document.createElement('div'), prefixes = ['Webkit', 'Moz', 'ms', 'O']; if ('transform' in div.style) { this.vendorPrefix = ''; return this.vendorPrefix } + for (var i = 0; i < prefixes.length; i++) { if ((prefixes[i] + 'Transform') in div.style) { this.vendorPrefix = '-' + prefixes[i].toLowerCase() + '-'; break } } + return this.vendorPrefix + }, getTransitionEvent: function () { + if (this.transitionEvent !== null) { return this.transitionEvent } + var div = document.createElement('div'), transitions = { 'transition': 'transitionend', 'WebkitTransition': 'webkitTransitionEnd', 'MozTransition': 'transitionend', 'OTransition': 'oTransitionEnd' }; for (var transition in transitions) { if (transition in div.style) { this.transitionEvent = transitions[transition]; break } } + return this.transitionEvent + }, checkImagesComplete: function (target, callback) { + var that = this, status = this.checkImagesStatus(target); if (status === 'loading') { var checkImages = setInterval(function () { status = that.checkImagesStatus(target); if (status === 'complete') { clearInterval(checkImages); if (typeof callback === 'function') { callback() } } }, 100) } else if (typeof callback === 'function') { callback() } + return status + }, checkImagesStatus: function (target) { + var status = 'complete'; if (target.is('img') && target[0].complete === false) { status = 'loading' } else { target.find('img').each(function (index) { var image = $(this)[0]; if (image.complete === false) { status = 'loading' } }) } + return status + }, checkIE: function () { + if (this.isIE !== null) { return this.isIE } + var userAgent = window.navigator.userAgent, msie = userAgent.indexOf('MSIE'); if (userAgent.indexOf('MSIE') !== -1 || userAgent.match(/Trident.*rv\:11\./)) { this.isIE = true } else { this.isIE = false } + return this.isIE + } + }; window.SliderProUtils = SliderProUtils +})(window, jQuery); (function (window, $) { + "use strict"; var NS = 'Thumbnails.' + $.SliderPro.namespace; var Thumbnails = { + $thumbnails: null, $thumbnailsContainer: null, thumbnails: null, selectedThumbnailIndex: 0, thumbnailsSize: 0, thumbnailsContainerSize: 0, thumbnailsPosition: 0, thumbnailsOrientation: null, thumbnailsPositionProperty: null, isThumbnailScroller: false, initThumbnails: function () { var that = this; this.thumbnails = []; this.on('update.' + NS, $.proxy(this._thumbnailsOnUpdate, this)); this.on('sliderResize.' + NS, $.proxy(this._thumbnailsOnResize, this)); this.on('gotoSlide.' + NS, function (event) { that._gotoThumbnail(event.index) }) }, _thumbnailsOnUpdate: function () { + var that = this; if (this.$slider.find('.sp-thumbnail').length === 0 && this.thumbnails.length === 0) { this.isThumbnailScroller = false; return } + this.isThumbnailScroller = true; if (this.$thumbnailsContainer === null) { this.$thumbnailsContainer = $('
').insertAfter(this.$slidesContainer) } + if (this.$thumbnails === null) { + if (this.$slider.find('.sp-thumbnails').length !== 0) { + this.$thumbnails = this.$slider.find('.sp-thumbnails').appendTo(this.$thumbnailsContainer); if (this.settings.shuffle === true) { + var thumbnails = this.$thumbnails.find('.sp-thumbnail'), shuffledThumbnails = []; $.each(this.shuffledIndexes, function (index, element) { + var $thumbnail = $(thumbnails[element]); if ($thumbnail.parent('a').length !== 0) { $thumbnail = $thumbnail.parent('a') } + shuffledThumbnails.push($thumbnail) + }); this.$thumbnails.empty().append(shuffledThumbnails) + } + } else { this.$thumbnails = $('
').appendTo(this.$thumbnailsContainer) } + } + this.$slides.find('.sp-thumbnail').each(function (index) { + var $thumbnail = $(this), thumbnailIndex = $thumbnail.parents('.sp-slide').index(), lastThumbnailIndex = that.$thumbnails.find('.sp-thumbnail').length - 1; if ($thumbnail.parent('a').length !== 0) { $thumbnail = $thumbnail.parent('a') } + if (thumbnailIndex > lastThumbnailIndex) { $thumbnail.appendTo(that.$thumbnails) } else { $thumbnail.insertBefore(that.$thumbnails.find('.sp-thumbnail').eq(thumbnailIndex)) } + }); for (var i = this.thumbnails.length - 1; i >= 0; i--) { if (this.$thumbnails.find('.sp-thumbnail[data-index="' + i + '"]').length === 0) { var thumbnail = this.thumbnails[i]; thumbnail.destroy(); this.thumbnails.splice(i, 1) } } + this.$thumbnails.find('.sp-thumbnail').each(function (index) { var $thumbnail = $(this); if (typeof $thumbnail.attr('data-init') === 'undefined') { that._createThumbnail($thumbnail, index) } else { that.thumbnails[index].setIndex(index) } }); this.$thumbnailsContainer.removeClass('sp-top-thumbnails sp-bottom-thumbnails sp-left-thumbnails sp-right-thumbnails'); if (this.settings.thumbnailsPosition === 'top') { this.$thumbnailsContainer.addClass('sp-top-thumbnails'); this.thumbnailsOrientation = 'horizontal' } else if (this.settings.thumbnailsPosition === 'bottom') { this.$thumbnailsContainer.addClass('sp-bottom-thumbnails'); this.thumbnailsOrientation = 'horizontal' } else if (this.settings.thumbnailsPosition === 'left') { this.$thumbnailsContainer.addClass('sp-left-thumbnails'); this.thumbnailsOrientation = 'vertical' } else if (this.settings.thumbnailsPosition === 'right') { this.$thumbnailsContainer.addClass('sp-right-thumbnails'); this.thumbnailsOrientation = 'vertical' } + if (this.settings.thumbnailPointer === true) { this.$thumbnailsContainer.addClass('sp-has-pointer') } else { this.$thumbnailsContainer.removeClass('sp-has-pointer') } + this.selectedThumbnailIndex = this.selectedSlideIndex; this.$thumbnails.find('.sp-thumbnail-container').eq(this.selectedThumbnailIndex).addClass('sp-selected-thumbnail'); this.thumbnailsSize = 0; $.each(this.thumbnails, function (index, thumbnail) { thumbnail.setSize(that.settings.thumbnailWidth, that.settings.thumbnailHeight); that.thumbnailsSize += that.thumbnailsOrientation === 'horizontal' ? thumbnail.getSize().width : thumbnail.getSize().height }); if (this.thumbnailsOrientation === 'horizontal') { this.$thumbnails.css({ 'width': this.thumbnailsSize, 'height': this.settings.thumbnailHeight }); this.$thumbnailsContainer.css('height', ''); this.thumbnailsPositionProperty = 'left' } else { this.$thumbnails.css({ 'width': this.settings.thumbnailWidth, 'height': this.thumbnailsSize }); this.$thumbnailsContainer.css('width', ''); this.thumbnailsPositionProperty = 'top' } + this.trigger({ type: 'thumbnailsUpdate' }); if ($.isFunction(this.settings.thumbnailsUpdate)) { this.settings.thumbnailsUpdate.call(this, { type: 'thumbnailsUpdate' }) } + }, _createThumbnail: function (element, index) { var that = this, thumbnail = new Thumbnail(element, this.$thumbnails, index); thumbnail.on('thumbnailClick.' + NS, function (event) { that.gotoSlide(event.index) }); this.thumbnails.splice(index, 0, thumbnail) }, _thumbnailsOnResize: function () { + if (this.isThumbnailScroller === false) { return } + var that = this, newThumbnailsPosition; if (this.thumbnailsOrientation === 'horizontal') { this.thumbnailsContainerSize = Math.min(this.$slidesMask.width(), this.thumbnailsSize); this.$thumbnailsContainer.css('width', this.thumbnailsContainerSize); if (this.settings.forceSize === 'fullWindow') { this.$slidesMask.css('height', this.$slidesMask.height() - this.$thumbnailsContainer.outerHeight(true)); this.slideHeight = this.$slidesMask.height(); this._resizeSlides(); this._resetSlidesPosition() } } else if (this.thumbnailsOrientation === 'vertical') { + if (this.$slidesMask.width() + this.$thumbnailsContainer.outerWidth(true) > this.$slider.parent().width()) { + if (this.settings.forceSize === 'fullWidth' || this.settings.forceSize === 'fullWindow') { this.$slider.css('max-width', $(window).width() - this.$thumbnailsContainer.outerWidth(true)) } else { this.$slider.css('max-width', this.$slider.parent().width() - this.$thumbnailsContainer.outerWidth(true)) } + this.$slidesMask.css('width', this.$slider.width()); if (this.settings.orientation === 'vertical') { this.slideWidth = this.$slider.width(); this._resizeSlides() } + this._resetSlidesPosition() + } + this.thumbnailsContainerSize = Math.min(this.$slidesMask.height(), this.thumbnailsSize); this.$thumbnailsContainer.css('height', this.thumbnailsContainerSize) + } + if (this.thumbnailsSize <= this.thumbnailsContainerSize || this.$thumbnails.find('.sp-selected-thumbnail').length === 0) { newThumbnailsPosition = 0 } else { newThumbnailsPosition = Math.max(-this.thumbnails[this.selectedThumbnailIndex].getPosition()[this.thumbnailsPositionProperty], this.thumbnailsContainerSize - this.thumbnailsSize) } + if (this.settings.thumbnailsPosition === 'top') { this.$slider.css({ 'paddingTop': this.$thumbnailsContainer.outerHeight(true), 'paddingLeft': '', 'paddingRight': '' }) } else if (this.settings.thumbnailsPosition === 'bottom') { this.$slider.css({ 'paddingTop': '', 'paddingLeft': '', 'paddingRight': '' }) } else if (this.settings.thumbnailsPosition === 'left') { this.$slider.css({ 'paddingTop': '', 'paddingLeft': this.$thumbnailsContainer.outerWidth(true), 'paddingRight': '' }) } else if (this.settings.thumbnailsPosition === 'right') { this.$slider.css({ 'paddingTop': '', 'paddingLeft': '', 'paddingRight': this.$thumbnailsContainer.outerWidth(true) }) } + this._moveThumbnailsTo(newThumbnailsPosition, true) + }, _gotoThumbnail: function (index) { + if (this.isThumbnailScroller === false || typeof this.thumbnails[index] === 'undefined') { return } + var previousIndex = this.selectedThumbnailIndex, newThumbnailsPosition = this.thumbnailsPosition; this.selectedThumbnailIndex = index; this.$thumbnails.find('.sp-selected-thumbnail').removeClass('sp-selected-thumbnail'); this.$thumbnails.find('.sp-thumbnail-container').eq(this.selectedThumbnailIndex).addClass('sp-selected-thumbnail'); if (this.settings.rightToLeft === true && this.thumbnailsOrientation === 'horizontal') { if (this.selectedThumbnailIndex >= previousIndex) { var rtlNextThumbnailIndex = this.selectedThumbnailIndex === this.thumbnails.length - 1 ? this.selectedThumbnailIndex : this.selectedThumbnailIndex + 1, rtlNextThumbnail = this.thumbnails[rtlNextThumbnailIndex]; if (rtlNextThumbnail.getPosition().left < -this.thumbnailsPosition) { newThumbnailsPosition = -rtlNextThumbnail.getPosition().left } } else if (this.selectedThumbnailIndex < previousIndex) { var rtlPreviousThumbnailIndex = this.selectedThumbnailIndex === 0 ? this.selectedThumbnailIndex : this.selectedThumbnailIndex - 1, rtlPreviousThumbnail = this.thumbnails[rtlPreviousThumbnailIndex], rtlThumbnailsRightPosition = -this.thumbnailsPosition + this.thumbnailsContainerSize; if (rtlPreviousThumbnail.getPosition().right > rtlThumbnailsRightPosition) { newThumbnailsPosition = this.thumbnailsPosition - (rtlPreviousThumbnail.getPosition().right - rtlThumbnailsRightPosition) } } } else { if (this.selectedThumbnailIndex >= previousIndex) { var nextThumbnailIndex = this.selectedThumbnailIndex === this.thumbnails.length - 1 ? this.selectedThumbnailIndex : this.selectedThumbnailIndex + 1, nextThumbnail = this.thumbnails[nextThumbnailIndex], nextThumbnailPosition = this.thumbnailsOrientation === 'horizontal' ? nextThumbnail.getPosition().right : nextThumbnail.getPosition().bottom, thumbnailsRightPosition = -this.thumbnailsPosition + this.thumbnailsContainerSize; if (nextThumbnailPosition > thumbnailsRightPosition) { newThumbnailsPosition = this.thumbnailsPosition - (nextThumbnailPosition - thumbnailsRightPosition) } } else if (this.selectedThumbnailIndex < previousIndex) { var previousThumbnailIndex = this.selectedThumbnailIndex === 0 ? this.selectedThumbnailIndex : this.selectedThumbnailIndex - 1, previousThumbnail = this.thumbnails[previousThumbnailIndex], previousThumbnailPosition = this.thumbnailsOrientation === 'horizontal' ? previousThumbnail.getPosition().left : previousThumbnail.getPosition().top; if (previousThumbnailPosition < -this.thumbnailsPosition) { newThumbnailsPosition = -previousThumbnailPosition } } } + this._moveThumbnailsTo(newThumbnailsPosition); this.trigger({ type: 'gotoThumbnail' }); if ($.isFunction(this.settings.gotoThumbnail)) { this.settings.gotoThumbnail.call(this, { type: 'gotoThumbnail' }) } + }, _moveThumbnailsTo: function (position, instant, callback) { + var that = this, css = {}; if (position === this.thumbnailsPosition) { return } + this.thumbnailsPosition = position; if (this.supportedAnimation === 'css-3d' || this.supportedAnimation === 'css-2d') { + var transition, left = this.thumbnailsOrientation === 'horizontal' ? position : 0, top = this.thumbnailsOrientation === 'horizontal' ? 0 : position; if (this.supportedAnimation === 'css-3d') { css[this.vendorPrefix + 'transform'] = 'translate3d(' + left + 'px, ' + top + 'px, 0)' } else { css[this.vendorPrefix + 'transform'] = 'translate(' + left + 'px, ' + top + 'px)' } + if (typeof instant !== 'undefined' && instant === true) { transition = '' } else { + this.$thumbnails.addClass('sp-animated'); transition = this.vendorPrefix + 'transform ' + 700 / 1000 + 's'; this.$thumbnails.on(this.transitionEvent, function (event) { + if (event.target !== event.currentTarget) { return } + that.$thumbnails.off(that.transitionEvent); that.$thumbnails.removeClass('sp-animated'); if (typeof callback === 'function') { callback() } + that.trigger({ type: 'thumbnailsMoveComplete' }); if ($.isFunction(that.settings.thumbnailsMoveComplete)) { that.settings.thumbnailsMoveComplete.call(that, { type: 'thumbnailsMoveComplete' }) } + }) + } + css[this.vendorPrefix + 'transition'] = transition; this.$thumbnails.css(css) + } else { + css['margin-' + this.thumbnailsPositionProperty] = position; if (typeof instant !== 'undefined' && instant === true) { this.$thumbnails.css(css) } else { + this.$thumbnails.addClass('sp-animated').animate(css, 700, function () { + that.$thumbnails.removeClass('sp-animated'); if (typeof callback === 'function') { callback() } + that.trigger({ type: 'thumbnailsMoveComplete' }); if ($.isFunction(that.settings.thumbnailsMoveComplete)) { that.settings.thumbnailsMoveComplete.call(that, { type: 'thumbnailsMoveComplete' }) } + }) + } + } + }, _stopThumbnailsMovement: function () { + var css = {}; if (this.supportedAnimation === 'css-3d' || this.supportedAnimation === 'css-2d') { + var matrixString = this.$thumbnails.css(this.vendorPrefix + 'transform'), matrixType = matrixString.indexOf('matrix3d') !== -1 ? 'matrix3d' : 'matrix', matrixArray = matrixString.replace(matrixType, '').match(/-?[0-9\.]+/g), left = matrixType === 'matrix3d' ? parseInt(matrixArray[12], 10) : parseInt(matrixArray[4], 10), top = matrixType === 'matrix3d' ? parseInt(matrixArray[13], 10) : parseInt(matrixArray[5], 10); if (this.supportedAnimation === 'css-3d') { css[this.vendorPrefix + 'transform'] = 'translate3d(' + left + 'px, ' + top + 'px, 0)' } else { css[this.vendorPrefix + 'transform'] = 'translate(' + left + 'px, ' + top + 'px)' } + css[this.vendorPrefix + 'transition'] = ''; this.$thumbnails.css(css); this.$thumbnails.off(this.transitionEvent); this.thumbnailsPosition = this.thumbnailsOrientation === 'horizontal' ? parseInt(matrixArray[4], 10) : parseInt(matrixArray[5], 10) + } else { this.$thumbnails.stop(); this.thumbnailsPosition = parseInt(this.$thumbnails.css('margin-' + this.thumbnailsPositionProperty), 10) } + this.$thumbnails.removeClass('sp-animated') + }, destroyThumbnails: function () { + var that = this; this.off('update.' + NS); if (this.isThumbnailScroller === false) { return } + this.off('sliderResize.' + NS); this.off('gotoSlide.' + NS); $(window).off('resize.' + this.uniqueId + '.' + NS); this.$thumbnails.find('.sp-thumbnail').each(function () { var $thumbnail = $(this), index = parseInt($thumbnail.attr('data-index'), 10), thumbnail = that.thumbnails[index]; thumbnail.off('thumbnailClick.' + NS); thumbnail.destroy() }); this.thumbnails.length = 0; this.$thumbnails.appendTo(this.$slider); this.$thumbnailsContainer.remove(); this.$slider.css({ 'paddingTop': '', 'paddingLeft': '', 'paddingRight': '' }) + }, thumbnailsDefaults: { thumbnailWidth: 100, thumbnailHeight: 80, thumbnailsPosition: 'bottom', thumbnailPointer: false, thumbnailsUpdate: function () { }, gotoThumbnail: function () { }, thumbnailsMoveComplete: function () { } } + }; var Thumbnail = function (thumbnail, thumbnails, index) { this.$thumbnail = thumbnail; this.$thumbnails = thumbnails; this.$thumbnailContainer = null; this.width = 0; this.height = 0; this.isImageLoaded = false; this.setIndex(index); this._init() }; Thumbnail.prototype = { + _init: function () { + var that = this; this.$thumbnail.attr('data-init', true); this.$thumbnailContainer = $('
').appendTo(this.$thumbnails); if (this.$thumbnail.parent('a').length !== 0) { this.$thumbnail.parent('a').appendTo(this.$thumbnailContainer) } else { this.$thumbnail.appendTo(this.$thumbnailContainer) } + this.$thumbnailContainer.on('click.' + NS, function () { that.trigger({ type: 'thumbnailClick.' + NS, index: that.index }) }) + }, setSize: function (width, height) { this.width = width; this.height = height; this.$thumbnailContainer.css({ 'width': this.width, 'height': this.height }); if (this.$thumbnail.is('img') && typeof this.$thumbnail.attr('data-src') === 'undefined') { this.resizeImage() } }, getSize: function () { return { width: this.$thumbnailContainer.outerWidth(true), height: this.$thumbnailContainer.outerHeight(true) } }, getPosition: function () { return { left: this.$thumbnailContainer.position().left + parseInt(this.$thumbnailContainer.css('marginLeft'), 10), right: this.$thumbnailContainer.position().left + parseInt(this.$thumbnailContainer.css('marginLeft'), 10) + this.$thumbnailContainer.outerWidth(), top: this.$thumbnailContainer.position().top + parseInt(this.$thumbnailContainer.css('marginTop'), 10), bottom: this.$thumbnailContainer.position().top + parseInt(this.$thumbnailContainer.css('marginTop'), 10) + this.$thumbnailContainer.outerHeight() } }, setIndex: function (index) { this.index = index; this.$thumbnail.attr('data-index', this.index) }, resizeImage: function () { + var that = this; if (this.isImageLoaded === false) { SliderProUtils.checkImagesComplete(this.$thumbnailContainer, function () { that.isImageLoaded = true; that.resizeImage() }); return } + this.$thumbnail = this.$thumbnailContainer.find('.sp-thumbnail'); var imageWidth = this.$thumbnail.width(), imageHeight = this.$thumbnail.height(); if (imageWidth / imageHeight <= this.width / this.height) { this.$thumbnail.css({ width: '100%', height: 'auto' }) } else { this.$thumbnail.css({ width: 'auto', height: '100%' }) } + this.$thumbnail.css({ 'marginLeft': (this.$thumbnailContainer.width() - this.$thumbnail.width()) * 0.5, 'marginTop': (this.$thumbnailContainer.height() - this.$thumbnail.height()) * 0.5 }) + }, destroy: function () { + this.$thumbnailContainer.off('click.' + NS); this.$thumbnail.removeAttr('data-init'); this.$thumbnail.removeAttr('data-index'); if (this.$thumbnail.parent('a').length !== 0) { this.$thumbnail.parent('a').insertBefore(this.$thumbnailContainer) } else { this.$thumbnail.insertBefore(this.$thumbnailContainer) } + this.$thumbnailContainer.remove() + }, on: function (type, callback) { return this.$thumbnailContainer.on(type, callback) }, off: function (type) { return this.$thumbnailContainer.off(type) }, trigger: function (data) { return this.$thumbnailContainer.triggerHandler(data) } + }; $.SliderPro.addModule('Thumbnails', Thumbnails) +})(window, jQuery); (function (window, $) { + "use strict"; var NS = 'ConditionalImages.' + $.SliderPro.namespace; var ConditionalImages = { + previousImageSize: null, currentImageSize: null, isRetinaScreen: false, initConditionalImages: function () { this.currentImageSize = this.previousImageSize = 'default'; this.isRetinaScreen = (typeof this._isRetina !== 'undefined') && (this._isRetina() === true); this.on('update.' + NS, $.proxy(this._conditionalImagesOnUpdate, this)); this.on('sliderResize.' + NS, $.proxy(this._conditionalImagesOnResize, this)) }, _conditionalImagesOnUpdate: function () { $.each(this.slides, function (index, element) { var $slide = element.$slide; $slide.find('img:not([ data-default ])').each(function () { var $image = $(this); if (typeof $image.attr('data-src') !== 'undefined') { $image.attr('data-default', $image.attr('data-src')) } else { $image.attr('data-default', $image.attr('src')) } }) }) }, _conditionalImagesOnResize: function () { + if (this.slideWidth <= this.settings.smallSize) { this.currentImageSize = 'small' } else if (this.slideWidth <= this.settings.mediumSize) { this.currentImageSize = 'medium' } else if (this.slideWidth <= this.settings.largeSize) { this.currentImageSize = 'large' } else { this.currentImageSize = 'default' } + if (this.previousImageSize !== this.currentImageSize) { + var that = this; $.each(this.slides, function (index, element) { + var $slide = element.$slide; $slide.find('img').each(function () { + var $image = $(this), imageSource = ''; if (that.isRetinaScreen === true && typeof $image.attr('data-retina' + that.currentImageSize) !== 'undefined') { imageSource = $image.attr('data-retina' + that.currentImageSize); if (typeof $image.attr('data-retina') !== 'undefined' && $image.attr('data-retina') !== imageSource) { $image.attr('data-retina', imageSource) } } else if ((that.isRetinaScreen === false || that.isRetinaScreen === true && typeof $image.attr('data-retina') === 'undefined') && typeof $image.attr('data-' + that.currentImageSize) !== 'undefined') { imageSource = $image.attr('data-' + that.currentImageSize); if (typeof $image.attr('data-src') !== 'undefined' && $image.attr('data-src') !== imageSource) { $image.attr('data-src', imageSource) } } + if (imageSource !== '') { if (typeof $image.attr('data-src') === 'undefined' && $image.attr('src') !== imageSource) { that._loadConditionalImage($image, imageSource, function (newImage) { if (newImage.hasClass('sp-image')) { element.$mainImage = newImage; element.resizeMainImage(true) } }) } } + }) + }); this.previousImageSize = this.currentImageSize + } + }, _loadConditionalImage: function (image, source, callback) { + var newImage = $(new Image()); newImage.attr('class', image.attr('class')); newImage.attr('style', image.attr('style')); $.each(image.data(), function (name, value) { newImage.attr('data-' + name, value) }); if (typeof image.attr('width') !== 'undefined') { newImage.attr('width', image.attr('width')) } + if (typeof image.attr('height') !== 'undefined') { newImage.attr('height', image.attr('height')) } + if (typeof image.attr('alt') !== 'undefined') { newImage.attr('alt', image.attr('alt')) } + if (typeof image.attr('title') !== 'undefined') { newImage.attr('title', image.attr('title')) } + newImage.attr('src', source); newImage.insertAfter(image); image.remove(); image = null; if (typeof callback === 'function') { callback(newImage) } + }, destroyConditionalImages: function () { this.off('update.' + NS); this.off('sliderResize.' + NS) }, conditionalImagesDefaults: { smallSize: 480, mediumSize: 768, largeSize: 1024 } + }; $.SliderPro.addModule('ConditionalImages', ConditionalImages) +})(window, jQuery); (function (window, $) { + "use strict"; var NS = 'Retina.' + $.SliderPro.namespace; var Retina = { + initRetina: function () { + var that = this; if (this._isRetina() === false) { return } + this.on('update.' + NS, $.proxy(this._checkRetinaImages, this)); if (this.$slider.find('.sp-thumbnail').length !== 0) { this.on('update.Thumbnails.' + NS, $.proxy(this._checkRetinaThumbnailImages, this)) } + }, _isRetina: function () { + if (window.devicePixelRatio >= 2) { return true } + if (window.matchMedia && (window.matchMedia("(-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx)").matches)) { return true } + return false + }, _checkRetinaImages: function () { var that = this; $.each(this.slides, function (index, element) { var $slide = element.$slide; if (typeof $slide.attr('data-retina-loaded') === 'undefined') { $slide.attr('data-retina-loaded', true); $slide.find('img[data-retina]').each(function () { var $image = $(this); if (typeof $image.attr('data-src') !== 'undefined') { $image.attr('data-src', $image.attr('data-retina')) } else { that._loadRetinaImage($image, function (newImage) { if (newImage.hasClass('sp-image')) { element.$mainImage = newImage; element.resizeMainImage(true) } }) } }) } }) }, _checkRetinaThumbnailImages: function () { var that = this; $.each(this.thumbnails, function (index, element) { var $thumbnail = element.$thumbnailContainer; if (typeof $thumbnail.attr('data-retina-loaded') === 'undefined') { $thumbnail.attr('data-retina-loaded', true); $thumbnail.find('img[data-retina]').each(function () { var $image = $(this); if (typeof $image.attr('data-src') !== 'undefined') { $image.attr('data-src', $image.attr('data-retina')) } else { that._loadRetinaImage($image, function (newImage) { if (newImage.hasClass('sp-thumbnail')) { element.resizeImage() } }) } }) } }) }, _loadRetinaImage: function (image, callback) { + var retinaFound = false, newImagePath = ''; if (typeof image.attr('data-retina') !== 'undefined') { retinaFound = true; newImagePath = image.attr('data-retina') } + if (typeof image.attr('data-src') !== 'undefined') { + if (retinaFound === false) { newImagePath = image.attr('data-src') } + image.removeAttr('data-src') + } + if (newImagePath === '') { return } + var newImage = $(new Image()); newImage.attr('class', image.attr('class')); newImage.attr('style', image.attr('style')); $.each(image.data(), function (name, value) { newImage.attr('data-' + name, value) }); if (typeof image.attr('width') !== 'undefined') { newImage.attr('width', image.attr('width')) } + if (typeof image.attr('height') !== 'undefined') { newImage.attr('height', image.attr('height')) } + if (typeof image.attr('alt') !== 'undefined') { newImage.attr('alt', image.attr('alt')) } + if (typeof image.attr('title') !== 'undefined') { newImage.attr('title', image.attr('title')) } + newImage.insertAfter(image); image.remove(); image = null; newImage.attr('src', newImagePath); if (typeof callback === 'function') { callback(newImage) } + }, destroyRetina: function () { this.off('update.' + NS); this.off('update.Thumbnails.' + NS) } + }; $.SliderPro.addModule('Retina', Retina) +})(window, jQuery); (function (window, $) { + "use strict"; var NS = 'LazyLoading.' + $.SliderPro.namespace; var LazyLoading = { + allowLazyLoadingCheck: true, initLazyLoading: function () { var that = this; this.on('sliderResize.' + NS, $.proxy(this._lazyLoadingOnResize, this)); this.on('gotoSlide.' + NS, $.proxy(this._checkAndLoadVisibleImages, this)); this.on('thumbnailsUpdate.' + NS + ' ' + 'thumbnailsMoveComplete.' + NS, $.proxy(this._checkAndLoadVisibleThumbnailImages, this)) }, _lazyLoadingOnResize: function () { + var that = this; if (this.allowLazyLoadingCheck === false) { return } + this.allowLazyLoadingCheck = false; this._checkAndLoadVisibleImages(); if (this.$slider.find('.sp-thumbnail').length !== 0) { this._checkAndLoadVisibleThumbnailImages() } + setTimeout(function () { that.allowLazyLoadingCheck = true }, 500) + }, _checkAndLoadVisibleImages: function () { + if (this.$slider.find('.sp-slide:not([ data-loaded ])').length === 0) { return } + var that = this, referencePosition = this.settings.loop === true ? this.middleSlidePosition : this.selectedSlideIndex, visibleOnSides = Math.ceil((parseInt(this.$slidesMask.css(this.sizeProperty), 10) - this.averageSlideSize) / 2 / this.averageSlideSize), from = referencePosition - visibleOnSides - 1 > 0 ? referencePosition - visibleOnSides - 1 : 0, to = referencePosition + visibleOnSides + 1 < this.getTotalSlides() - 1 ? referencePosition + visibleOnSides + 1 : this.getTotalSlides() - 1, slidesToCheck = this.slidesOrder.slice(from, to + 1); $.each(slidesToCheck, function (index, element) { var slide = that.slides[element], $slide = slide.$slide; if (typeof $slide.attr('data-loaded') === 'undefined') { $slide.attr('data-loaded', true); $slide.find('img[ data-src ]').each(function () { var image = $(this); that._loadImage(image, function (newImage) { if (newImage.hasClass('sp-image')) { slide.$mainImage = newImage; slide.resizeMainImage(true) } }) }) } }) + }, _checkAndLoadVisibleThumbnailImages: function () { + if (this.$slider.find('.sp-thumbnail-container:not([ data-loaded ])').length === 0) { return } + var that = this, thumbnailSize = this.thumbnailsSize / this.thumbnails.length, from = Math.floor(Math.abs(this.thumbnailsPosition / thumbnailSize)), to = Math.floor((-this.thumbnailsPosition + this.thumbnailsContainerSize) / thumbnailSize), thumbnailsToCheck = this.thumbnails.slice(from, to + 1); $.each(thumbnailsToCheck, function (index, element) { var $thumbnailContainer = element.$thumbnailContainer; if (typeof $thumbnailContainer.attr('data-loaded') === 'undefined') { $thumbnailContainer.attr('data-loaded', true); $thumbnailContainer.find('img[ data-src ]').each(function () { var image = $(this); that._loadImage(image, function () { element.resizeImage() }) }) } }) + }, _loadImage: function (image, callback) { + var newImage = $(new Image()); newImage.attr('class', image.attr('class')); newImage.attr('style', image.attr('style')); $.each(image.data(), function (name, value) { newImage.attr('data-' + name, value) }); if (typeof image.attr('width') !== 'undefined') { newImage.attr('width', image.attr('width')) } + if (typeof image.attr('height') !== 'undefined') { newImage.attr('height', image.attr('height')) } + if (typeof image.attr('alt') !== 'undefined') { newImage.attr('alt', image.attr('alt')) } + if (typeof image.attr('title') !== 'undefined') { newImage.attr('title', image.attr('title')) } + newImage.attr('src', image.attr('data-src')); newImage.removeAttr('data-src'); newImage.insertAfter(image); image.remove(); image = null; if (typeof callback === 'function') { callback(newImage) } + }, destroyLazyLoading: function () { this.off('update.' + NS); this.off('gotoSlide.' + NS); this.off('sliderResize.' + NS); this.off('thumbnailsUpdate.' + NS); this.off('thumbnailsMoveComplete.' + NS) } + }; $.SliderPro.addModule('LazyLoading', LazyLoading) +})(window, jQuery); (function (window, $) { + "use strict"; var NS = 'Layers.' + $.SliderPro.namespace; var Layers = { + layersGotoSlideReference: null, waitForLayersTimer: null, initLayers: function () { this.on('update.' + NS, $.proxy(this._layersOnUpdate, this)); this.on('sliderResize.' + NS, $.proxy(this._layersOnResize, this)); this.on('gotoSlide.' + NS, $.proxy(this._layersOnGotoSlide, this)) }, _layersOnUpdate: function (event) { + var that = this; $.each(this.slides, function (index, element) { + var $slide = element.$slide; this.$slide.find('.sp-layer:not([ data-layer-init ])').each(function () { + var layer = new Layer($(this)); if (typeof element.layers === 'undefined') { element.layers = [] } + element.layers.push(layer); if ($(this).hasClass('sp-static') === false) { + if (typeof element.animatedLayers === 'undefined') { element.animatedLayers = [] } + element.animatedLayers.push(layer) + } + }) + }); if (this.settings.waitForLayers === true) { clearTimeout(this.waitForLayersTimer); this.waitForLayersTimer = setTimeout(function () { that.layersGotoSlideReference = that.gotoSlide; that.gotoSlide = that._layersGotoSlide }, 1) } + setTimeout(function () { that.showLayers(that.selectedSlideIndex) }, 1) + }, _layersOnResize: function () { + var that = this, autoScaleReference, useAutoScale = this.settings.autoScaleLayers, scaleRatio; if (this.settings.autoScaleLayers === false) { return } + if (this.settings.autoScaleReference === -1) { if (typeof this.settings.width === 'string' && this.settings.width.indexOf('%') !== -1) { useAutoScale = false } else { autoScaleReference = parseInt(this.settings.width, 10) } } else { autoScaleReference = this.settings.autoScaleReference } + if (useAutoScale === true && this.slideWidth < autoScaleReference) { scaleRatio = that.slideWidth / autoScaleReference } else { scaleRatio = 1 } + $.each(this.slides, function (index, slide) { if (typeof slide.layers !== 'undefined') { $.each(slide.layers, function (index, layer) { layer.scale(scaleRatio) }) } }) + }, _layersGotoSlide: function (index) { var that = this, animatedLayers = this.slides[this.selectedSlideIndex].animatedLayers; if (this.$slider.hasClass('sp-swiping') || typeof animatedLayers === 'undefined' || animatedLayers.length === 0) { this.layersGotoSlideReference(index) } else { this.on('hideLayersComplete.' + NS, function () { that.off('hideLayersComplete.' + NS); that.layersGotoSlideReference(index) }); this.hideLayers(this.selectedSlideIndex) } }, _layersOnGotoSlide: function (event) { + if (this.previousSlideIndex !== this.selectedSlideIndex) { this.hideLayers(this.previousSlideIndex) } + this.showLayers(this.selectedSlideIndex) + }, showLayers: function (index) { + var that = this, animatedLayers = this.slides[index].animatedLayers, layerCounter = 0; if (typeof animatedLayers === 'undefined') { return } + $.each(animatedLayers, function (index, element) { if (element.isVisible() === true) { layerCounter++; if (layerCounter === animatedLayers.length) { that.trigger({ type: 'showLayersComplete', index: index }); if ($.isFunction(that.settings.showLayersComplete)) { that.settings.showLayersComplete.call(that, { type: 'showLayersComplete', index: index }) } } } else { element.show(function () { layerCounter++; if (layerCounter === animatedLayers.length) { that.trigger({ type: 'showLayersComplete', index: index }); if ($.isFunction(that.settings.showLayersComplete)) { that.settings.showLayersComplete.call(that, { type: 'showLayersComplete', index: index }) } } }) } }) + }, hideLayers: function (index) { + var that = this, animatedLayers = this.slides[index].animatedLayers, layerCounter = 0; if (typeof animatedLayers === 'undefined') { return } + $.each(animatedLayers, function (index, element) { if (element.isVisible() === false) { layerCounter++; if (layerCounter === animatedLayers.length) { that.trigger({ type: 'hideLayersComplete', index: index }); if ($.isFunction(that.settings.hideLayersComplete)) { that.settings.hideLayersComplete.call(that, { type: 'hideLayersComplete', index: index }) } } } else { element.hide(function () { layerCounter++; if (layerCounter === animatedLayers.length) { that.trigger({ type: 'hideLayersComplete', index: index }); if ($.isFunction(that.settings.hideLayersComplete)) { that.settings.hideLayersComplete.call(that, { type: 'hideLayersComplete', index: index }) } } }) } }) + }, destroyLayers: function () { this.off('update.' + NS); this.off('resize.' + NS); this.off('gotoSlide.' + NS); this.off('hideLayersComplete.' + NS) }, layersDefaults: { waitForLayers: false, autoScaleLayers: true, autoScaleReference: -1, showLayersComplete: function () { }, hideLayersComplete: function () { } } + }; var slideDestroy = window.SliderProSlide.prototype.destroy; window.SliderProSlide.prototype.destroy = function () { + if (typeof this.layers !== 'undefined') { $.each(this.layers, function (index, element) { element.destroy() }); this.layers.length = 0 } + if (typeof this.animatedLayers !== 'undefined') { this.animatedLayers.length = 0 } + slideDestroy.apply(this) + }; var Layer = function (layer) { this.$layer = layer; this.visible = false; this.styled = false; this.data = null; this.position = null; this.horizontalProperty = null; this.verticalProperty = null; this.horizontalPosition = null; this.verticalPosition = null; this.scaleRatio = 1; this.supportedAnimation = SliderProUtils.getSupportedAnimation(); this.vendorPrefix = SliderProUtils.getVendorPrefix(); this.transitionEvent = SliderProUtils.getTransitionEvent(); this.stayTimer = null; this._init() }; Layer.prototype = { + _init: function () { this.$layer.attr('data-layer-init', true); if (this.$layer.hasClass('sp-static')) { this._setStyle() } else { this.$layer.css({ 'visibility': 'hidden' }) } }, _setStyle: function () { + this.styled = true; this.data = this.$layer.data(); if (typeof this.data.width !== 'undefined') { this.$layer.css('width', this.data.width) } + if (typeof this.data.height !== 'undefined') { this.$layer.css('height', this.data.height) } + if (typeof this.data.depth !== 'undefined') { this.$layer.css('z-index', this.data.depth) } + this.position = this.data.position ? (this.data.position).toLowerCase() : 'topleft'; if (this.position.indexOf('right') !== -1) { this.horizontalProperty = 'right' } else if (this.position.indexOf('left') !== -1) { this.horizontalProperty = 'left' } else { this.horizontalProperty = 'center' } + if (this.position.indexOf('bottom') !== -1) { this.verticalProperty = 'bottom' } else if (this.position.indexOf('top') !== -1) { this.verticalProperty = 'top' } else { this.verticalProperty = 'center' } + this._setPosition(); this.scale(this.scaleRatio) + }, _setPosition: function () { + var inlineStyle = this.$layer.attr('style'); this.horizontalPosition = typeof this.data.horizontal !== 'undefined' ? this.data.horizontal : 0; this.verticalPosition = typeof this.data.vertical !== 'undefined' ? this.data.vertical : 0; if (this.horizontalProperty === 'center') { + if (this.$layer.is('img') === false && (typeof inlineStyle === 'undefined' || (typeof inlineStyle !== 'undefined' && inlineStyle.indexOf('width') === -1))) { this.$layer.css('white-space', 'nowrap'); this.$layer.css('width', this.$layer.outerWidth(true)) } + this.$layer.css({ 'marginLeft': 'auto', 'marginRight': 'auto', 'left': this.horizontalPosition, 'right': 0 }) + } else { this.$layer.css(this.horizontalProperty, this.horizontalPosition) } + if (this.verticalProperty === 'center') { + if (this.$layer.is('img') === false && (typeof inlineStyle === 'undefined' || (typeof inlineStyle !== 'undefined' && inlineStyle.indexOf('height') === -1))) { this.$layer.css('white-space', 'nowrap'); this.$layer.css('height', this.$layer.outerHeight(true)) } + this.$layer.css({ 'marginTop': 'auto', 'marginBottom': 'auto', 'top': this.verticalPosition, 'bottom': 0 }) + } else { this.$layer.css(this.verticalProperty, this.verticalPosition) } + }, scale: function (ratio) { + if (this.$layer.hasClass('sp-no-scale')) { return } + this.scaleRatio = ratio; if (this.styled === false) { return } + var horizontalProperty = this.horizontalProperty === 'center' ? 'left' : this.horizontalProperty, verticalProperty = this.verticalProperty === 'center' ? 'top' : this.verticalProperty, css = {}; css[this.vendorPrefix + 'transform-origin'] = this.horizontalProperty + ' ' + this.verticalProperty; css[this.vendorPrefix + 'transform'] = 'scale(' + this.scaleRatio + ')'; if (typeof this.horizontalPosition !== 'string') { css[horizontalProperty] = this.horizontalPosition * this.scaleRatio } + if (typeof this.verticalPosition !== 'string') { css[verticalProperty] = this.verticalPosition * this.scaleRatio } + if (typeof this.data.width === 'string' && this.data.width.indexOf('%') !== -1) { css.width = (parseInt(this.data.width, 10) / this.scaleRatio).toString() + '%' } + if (typeof this.data.height === 'string' && this.data.height.indexOf('%') !== -1) { css.height = (parseInt(this.data.height, 10) / this.scaleRatio).toString() + '%' } + this.$layer.css(css) + }, show: function (callback) { + if (this.visible === true) { return } + this.visible = true; if (this.styled === false) { this._setStyle() } + var that = this, offset = typeof this.data.showOffset !== 'undefined' ? this.data.showOffset : 50, duration = typeof this.data.showDuration !== 'undefined' ? this.data.showDuration / 1000 : 0.4, delay = typeof this.data.showDelay !== 'undefined' ? this.data.showDelay : 10, stayDuration = typeof that.data.stayDuration !== 'undefined' ? parseInt(that.data.stayDuration, 10) : -1; if (this.supportedAnimation === 'javascript') { + this.$layer.stop().delay(delay).css({ 'opacity': 0, 'visibility': 'visible' }).animate({ 'opacity': 1 }, duration * 1000, function () { + if (stayDuration !== -1) { that.stayTimer = setTimeout(function () { that.hide(); that.stayTimer = null }, stayDuration) } + if (typeof callback !== 'undefined') { callback() } + }) + } else { + var start = { 'opacity': 0, 'visibility': 'visible' }, target = { 'opacity': 1 }, transformValues = ''; start[this.vendorPrefix + 'transform'] = 'scale(' + this.scaleRatio + ')'; target[this.vendorPrefix + 'transform'] = 'scale(' + this.scaleRatio + ')'; target[this.vendorPrefix + 'transition'] = 'opacity ' + duration + 's'; if (typeof this.data.showTransition !== 'undefined') { + if (this.data.showTransition === 'left') { transformValues = offset + 'px, 0' } else if (this.data.showTransition === 'right') { transformValues = '-' + offset + 'px, 0' } else if (this.data.showTransition === 'up') { transformValues = '0, ' + offset + 'px' } else if (this.data.showTransition === 'down') { transformValues = '0, -' + offset + 'px' } + start[this.vendorPrefix + 'transform'] += this.supportedAnimation === 'css-3d' ? ' translate3d(' + transformValues + ', 0)' : ' translate(' + transformValues + ')'; target[this.vendorPrefix + 'transform'] += this.supportedAnimation === 'css-3d' ? ' translate3d(0, 0, 0)' : ' translate(0, 0)'; target[this.vendorPrefix + 'transition'] += ', ' + this.vendorPrefix + 'transform ' + duration + 's' + } + this.$layer.on(this.transitionEvent, function (event) { + if (event.target !== event.currentTarget) { return } + that.$layer.off(that.transitionEvent).css(that.vendorPrefix + 'transition', ''); if (stayDuration !== -1) { that.stayTimer = setTimeout(function () { that.hide(); that.stayTimer = null }, stayDuration) } + if (typeof callback !== 'undefined') { callback() } + }); this.$layer.css(start); setTimeout(function () { that.$layer.css(target) }, delay) + } + }, hide: function (callback) { + if (this.visible === false) { return } + var that = this, offset = typeof this.data.hideOffset !== 'undefined' ? this.data.hideOffset : 50, duration = typeof this.data.hideDuration !== 'undefined' ? this.data.hideDuration / 1000 : 0.4, delay = typeof this.data.hideDelay !== 'undefined' ? this.data.hideDelay : 10; this.visible = false; if (this.stayTimer !== null) { clearTimeout(this.stayTimer) } + if (this.supportedAnimation === 'javascript') { this.$layer.stop().delay(delay).animate({ 'opacity': 0 }, duration * 1000, function () { $(this).css('visibility', 'hidden'); if (typeof callback !== 'undefined') { callback() } }) } else { + var transformValues = '', target = { 'opacity': 0 }; target[this.vendorPrefix + 'transform'] = 'scale(' + this.scaleRatio + ')'; target[this.vendorPrefix + 'transition'] = 'opacity ' + duration + 's'; if (typeof this.data.hideTransition !== 'undefined') { + if (this.data.hideTransition === 'left') { transformValues = '-' + offset + 'px, 0' } else if (this.data.hideTransition === 'right') { transformValues = offset + 'px, 0' } else if (this.data.hideTransition === 'up') { transformValues = '0, -' + offset + 'px' } else if (this.data.hideTransition === 'down') { transformValues = '0, ' + offset + 'px' } + target[this.vendorPrefix + 'transform'] += this.supportedAnimation === 'css-3d' ? ' translate3d(' + transformValues + ', 0)' : ' translate(' + transformValues + ')'; target[this.vendorPrefix + 'transition'] += ', ' + this.vendorPrefix + 'transform ' + duration + 's' + } + this.$layer.on(this.transitionEvent, function (event) { + if (event.target !== event.currentTarget) { return } + that.$layer.off(that.transitionEvent).css(that.vendorPrefix + 'transition', ''); if (that.visible === false) { that.$layer.css('visibility', 'hidden') } + if (typeof callback !== 'undefined') { callback() } + }); setTimeout(function () { that.$layer.css(target) }, delay) + } + }, isVisible: function () { + if (this.visible === false || this.$layer.is(':hidden')) { return false } + return true + }, destroy: function () { this.$layer.removeAttr('style'); this.$layer.removeAttr('data-layer-init') } + }; $.SliderPro.addModule('Layers', Layers) +})(window, jQuery); +(function (window, $) { + "use strict"; var NS = 'TouchSwipe.' + $.SliderPro.namespace; var TouchSwipe = { + touchStartPoint: { x: 0, y: 0 }, touchEndPoint: { x: 0, y: 0 }, touchDistance: { x: 0, y: 0 }, touchStartPosition: 0, isTouchMoving: false, touchSwipeEvents: { startEvent: '', moveEvent: '', endEvent: '' }, initTouchSwipe: function () { + var that = this; if (this.settings.touchSwipe === false) { return } + this.touchSwipeEvents.startEvent = 'touchstart' + '.' + NS + ' mousedown' + '.' + NS; this.touchSwipeEvents.moveEvent = 'touchmove' + '.' + NS + ' mousemove' + '.' + NS; this.touchSwipeEvents.endEvent = 'touchend' + '.' + this.uniqueId + '.' + NS + ' mouseup' + '.' + this.uniqueId + '.' + NS; this.$slidesMask.on(this.touchSwipeEvents.startEvent, $.proxy(this._onTouchStart, this)); this.$slidesMask.on('dragstart.' + NS, function (event) { event.preventDefault() }); this.$slidesMask.addClass('sp-grab') + }, _onTouchStart: function (event) { + if ($(event.target).closest('.sp-selectable').length >= 1) { return } + var that = this, eventObject = typeof event.originalEvent.touches !== 'undefined' ? event.originalEvent.touches[0] : event.originalEvent; if (typeof event.originalEvent.touches === 'undefined') { event.preventDefault() } + $(event.target).parents('.sp-slide').find('a').one('click.' + NS, function (event) { event.preventDefault() }); this.touchStartPoint.x = eventObject.pageX || eventObject.clientX; this.touchStartPoint.y = eventObject.pageY || eventObject.clientY; this.touchStartPosition = this.slidesPosition; this.touchDistance.x = this.touchDistance.y = 0; if (this.$slides.hasClass('sp-animated')) { this.isTouchMoving = true; this._stopMovement(); this.touchStartPosition = this.slidesPosition } + this.$slidesMask.on(this.touchSwipeEvents.moveEvent, $.proxy(this._onTouchMove, this)); $(document).on(this.touchSwipeEvents.endEvent, $.proxy(this._onTouchEnd, this)); this.$slidesMask.removeClass('sp-grab').addClass('sp-grabbing'); this.$slider.addClass('sp-swiping') + }, _onTouchMove: function (event) { + var eventObject = typeof event.originalEvent.touches !== 'undefined' ? event.originalEvent.touches[0] : event.originalEvent; this.isTouchMoving = true; this.touchEndPoint.x = eventObject.pageX || eventObject.clientX; this.touchEndPoint.y = eventObject.pageY || eventObject.clientY; this.touchDistance.x = this.touchEndPoint.x - this.touchStartPoint.x; this.touchDistance.y = this.touchEndPoint.y - this.touchStartPoint.y; var distance = this.settings.orientation === 'horizontal' ? this.touchDistance.x : this.touchDistance.y, oppositeDistance = this.settings.orientation === 'horizontal' ? this.touchDistance.y : this.touchDistance.x; if (Math.abs(distance) > Math.abs(oppositeDistance)) { event.preventDefault() } else { return } + if (this.settings.loop === false) { if ((this.slidesPosition > this.touchStartPosition && this.selectedSlideIndex === 0) || (this.slidesPosition < this.touchStartPosition && this.selectedSlideIndex === this.getTotalSlides() - 1)) { distance = distance * 0.2 } } + this._moveTo(this.touchStartPosition + distance, true) + }, _onTouchEnd: function (event) { + var that = this, touchDistance = this.settings.orientation === 'horizontal' ? this.touchDistance.x : this.touchDistance.y; this.$slidesMask.off(this.touchSwipeEvents.moveEvent); $(document).off(this.touchSwipeEvents.endEvent); this.$slidesMask.removeClass('sp-grabbing').addClass('sp-grab'); if (this.isTouchMoving === false || this.isTouchMoving === true && Math.abs(this.touchDistance.x) < 10 && Math.abs(this.touchDistance.y) < 10) { $(event.target).parents('.sp-slide').find('a').off('click.' + NS); this.$slider.removeClass('sp-swiping') } + setTimeout(function () { that.$slider.removeClass('sp-swiping') }, 1); if (this.isTouchMoving === false) { return } + this.isTouchMoving = false; $(event.target).parents('.sp-slide').one('click', function (event) { event.preventDefault() }); var selectedSlideOffset = this.settings.centerSelectedSlide === true ? Math.round((parseInt(this.$slidesMask.css(this.sizeProperty), 10) - this.getSlideAt(this.selectedSlideIndex).getSize()[this.sizeProperty]) / 2) : 0, oldSlidesPosition = -parseInt(this.$slides.find('.sp-slide').eq(this.selectedSlideIndex).css(this.positionProperty), 10) + selectedSlideOffset; if (Math.abs(touchDistance) < this.settings.touchSwipeThreshold) { this._moveTo(oldSlidesPosition) } else { var slideArrayDistance = (this.settings.rightToLeft === true && this.settings.orientation === 'horizontal' ? -1 : 1) * touchDistance / (this.averageSlideSize + this.settings.slideDistance); slideArrayDistance = parseInt(slideArrayDistance, 10) + (slideArrayDistance > 0 ? 1 : -1); var nextSlideIndex = this.slidesOrder[$.inArray(this.selectedSlideIndex, this.slidesOrder) - slideArrayDistance]; if (this.settings.loop === true) { this.gotoSlide(nextSlideIndex) } else { if (typeof nextSlideIndex !== 'undefined') { this.gotoSlide(nextSlideIndex) } else { this._moveTo(oldSlidesPosition) } } } + }, destroyTouchSwipe: function () { this.$slidesMask.off(this.touchSwipeEvents.startEvent); this.$slidesMask.off(this.touchSwipeEvents.moveEvent); this.$slidesMask.off('dragstart.' + NS); $(document).off(this.touchSwipeEvents.endEvent); this.$slidesMask.removeClass('sp-grab') }, touchSwipeDefaults: { touchSwipe: true, touchSwipeThreshold: 50 } + }; $.SliderPro.addModule('TouchSwipe', TouchSwipe) +})(window, jQuery); (function (window, $) { + "use strict"; var NS = 'Caption.' + $.SliderPro.namespace; var Caption = { + $captionContainer: null, captionContent: '', initCaption: function () { this.on('update.' + NS, $.proxy(this._captionOnUpdate, this)); this.on('gotoSlide.' + NS, $.proxy(this._updateCaptionContent, this)) }, _captionOnUpdate: function () { + this.$captionContainer = this.$slider.find('.sp-caption-container'); if (this.$slider.find('.sp-caption').length && this.$captionContainer.length === 0) { this.$captionContainer = $('
').appendTo(this.$slider); this._updateCaptionContent() } + this.$slides.find('.sp-caption').each(function () { $(this).css('display', 'none') }) + }, _updateCaptionContent: function () { + var that = this, newCaptionField = this.$slider.find('.sp-slide').eq(this.selectedSlideIndex).find('.sp-caption'), newCaptionContent = newCaptionField.length !== 0 ? newCaptionField.html() : ''; if (this.settings.fadeCaption === true) { + if (this.captionContent !== '') { + if (parseFloat(this.$captionContainer.css('opacity'), 10) === 0) { this.$captionContainer.css(this.vendorPrefix + 'transition', ''); this.$captionContainer.css('opacity', 1) } + this._fadeCaptionTo(0, function () { that.captionContent = newCaptionContent; if (newCaptionContent !== '') { that.$captionContainer.html(that.captionContent); that._fadeCaptionTo(1) } else { that.$captionContainer.empty() } }) + } else { this.captionContent = newCaptionContent; this.$captionContainer.html(this.captionContent); this.$captionContainer.css('opacity', 0); this._fadeCaptionTo(1) } + } else { this.captionContent = newCaptionContent; this.$captionContainer.html(this.captionContent) } + }, _fadeCaptionTo: function (opacity, callback) { + var that = this; if (this.supportedAnimation === 'css-3d' || this.supportedAnimation === 'css-2d') { + setTimeout(function () { var css = { 'opacity': opacity }; css[that.vendorPrefix + 'transition'] = 'opacity ' + that.settings.captionFadeDuration / 1000 + 's'; that.$captionContainer.css(css) }, 1); this.$captionContainer.on(this.transitionEvent, function (event) { + if (event.target !== event.currentTarget) { return } + that.$captionContainer.off(that.transitionEvent); that.$captionContainer.css(that.vendorPrefix + 'transition', ''); if (typeof callback === 'function') { callback() } + }) + } else { this.$captionContainer.stop().animate({ 'opacity': opacity }, this.settings.captionFadeDuration, function () { if (typeof callback === 'function') { callback() } }) } + }, destroyCaption: function () { this.off('update.' + NS); this.off('gotoSlide.' + NS); this.$captionContainer.remove(); this.$slider.find('.sp-caption').each(function () { $(this).css('display', '') }) }, captionDefaults: { fadeCaption: true, captionFadeDuration: 500 } + }; $.SliderPro.addModule('Caption', Caption) +})(window, jQuery); (function (window, $) { + "use strict"; var NS = 'DeepLinking.' + $.SliderPro.namespace; var DeepLinking = { + initDeepLinking: function () { + var that = this; this.on('init.' + NS, function () { that._gotoHash(window.location.hash) }); this.on('gotoSlide.' + NS, function (event) { + if (that.settings.updateHash === true) { + var slideId = that.$slider.find('.sp-slide').eq(event.index).attr('id'); if (typeof slideId === 'undefined') { slideId = event.index } + window.location.hash = that.$slider.attr('id') + '/' + slideId + } + }); $(window).on('hashchange.' + this.uniqueId + '.' + NS, function () { that._gotoHash(window.location.hash) }) + }, _parseHash: function (hash) { + if (hash !== '') { hash = hash.substring(1); var values = hash.split('/'), slideId = values.pop(), sliderId = hash.slice(0, -slideId.toString().length - 1); if (this.$slider.attr('id') === sliderId) { return { 'sliderID': sliderId, 'slideId': slideId } } } + return false + }, _gotoHash: function (hash) { + var result = this._parseHash(hash); if (result === false) { return } + var slideId = result.slideId, slideIdNumber = parseInt(slideId, 10); if (isNaN(slideIdNumber)) { var slideIndex = this.$slider.find('.sp-slide#' + slideId).index(); if (slideIndex !== -1 && slideIndex !== this.selectedSlideIndex) { this.gotoSlide(slideIndex) } } else if (slideIdNumber !== this.selectedSlideIndex) { this.gotoSlide(slideIdNumber) } + }, destroyDeepLinking: function () { this.off('init.' + NS); this.off('gotoSlide.' + NS); $(window).off('hashchange.' + this.uniqueId + '.' + NS) }, deepLinkingDefaults: { updateHash: false } + }; $.SliderPro.addModule('DeepLinking', DeepLinking) +})(window, jQuery); (function (window, $) { + "use strict"; var NS = 'Autoplay.' + $.SliderPro.namespace; var Autoplay = { + autoplayTimer: null, isTimerRunning: false, isTimerPaused: false, initAutoplay: function () { this.on('update.' + NS, $.proxy(this._autoplayOnUpdate, this)) }, _autoplayOnUpdate: function (event) { if (this.settings.autoplay === true) { this.on('gotoSlide.' + NS, $.proxy(this._autoplayOnGotoSlide, this)); this.on('mouseenter.' + NS, $.proxy(this._autoplayOnMouseEnter, this)); this.on('mouseleave.' + NS, $.proxy(this._autoplayOnMouseLeave, this)); this.startAutoplay() } else { this.off('gotoSlide.' + NS); this.off('mouseenter.' + NS); this.off('mouseleave.' + NS); this.stopAutoplay() } }, _autoplayOnGotoSlide: function (event) { + if (this.isTimerRunning === true) { this.stopAutoplay() } + if (this.isTimerPaused === false) { this.startAutoplay() } + }, _autoplayOnMouseEnter: function (event) { if (this.isTimerRunning && (this.settings.autoplayOnHover === 'pause' || this.settings.autoplayOnHover === 'stop')) { this.stopAutoplay(); this.isTimerPaused = true } }, _autoplayOnMouseLeave: function (event) { if (this.settings.autoplay === true && this.isTimerRunning === false && this.settings.autoplayOnHover !== 'stop') { this.startAutoplay(); this.isTimerPaused = false } }, startAutoplay: function () { var that = this; this.isTimerRunning = true; this.autoplayTimer = setTimeout(function () { if (that.settings.autoplayDirection === 'normal') { that.nextSlide() } else if (that.settings.autoplayDirection === 'backwards') { that.previousSlide() } }, this.settings.autoplayDelay) }, stopAutoplay: function () { this.isTimerRunning = false; this.isTimerPaused = false; clearTimeout(this.autoplayTimer) }, destroyAutoplay: function () { clearTimeout(this.autoplayTimer); this.off('update.' + NS); this.off('gotoSlide.' + NS); this.off('mouseenter.' + NS); this.off('mouseleave.' + NS) }, autoplayDefaults: { autoplay: true, autoplayDelay: 5000, autoplayDirection: 'normal', autoplayOnHover: 'pause' } + }; $.SliderPro.addModule('Autoplay', Autoplay) +})(window, jQuery); (function (window, $) { + "use strict"; var NS = 'Keyboard.' + $.SliderPro.namespace; var Keyboard = { + initKeyboard: function () { + var that = this, hasFocus = false; if (this.settings.keyboard === false) { return } + this.$slider.on('focus.' + NS, function () { hasFocus = true }); this.$slider.on('blur.' + NS, function () { hasFocus = false }); $(document).on('keydown.' + this.uniqueId + '.' + NS, function (event) { + if (that.settings.keyboardOnlyOnFocus === true && hasFocus === false) { return } + if (event.which === 37) { that.previousSlide() } else if (event.which === 39) { that.nextSlide() } else if (event.which === 13) { var link = that.$slider.find('.sp-slide').eq(that.selectedSlideIndex).find('.sp-image-container a'); if (link.length !== 0) { link[0].click() } } + }) + }, destroyKeyboard: function () { this.$slider.off('focus.' + NS); this.$slider.off('blur.' + NS); $(document).off('keydown.' + this.uniqueId + '.' + NS) }, keyboardDefaults: { keyboard: true, keyboardOnlyOnFocus: false } + }; $.SliderPro.addModule('Keyboard', Keyboard) +})(window, jQuery); (function (window, $) { + "use strict"; var NS = 'FullScreen.' + $.SliderPro.namespace; var FullScreen = { + isFullScreen: false, $fullScreenButton: null, sizeBeforeFullScreen: {}, initFullScreen: function () { + if (!(document.fullscreenEnabled || document.webkitFullscreenEnabled || document.mozFullScreenEnabled || document.msFullscreenEnabled)) { return } + this.on('update.' + NS, $.proxy(this._fullScreenOnUpdate, this)) + }, _fullScreenOnUpdate: function () { + if (this.settings.fullScreen === true && this.$fullScreenButton === null) { this._addFullScreen() } else if (this.settings.fullScreen === false && this.$fullScreenButton !== null) { this._removeFullScreen() } + if (this.settings.fullScreen === true) { if (this.settings.fadeFullScreen === true) { this.$fullScreenButton.addClass('sp-fade-full-screen') } else if (this.settings.fadeFullScreen === false) { this.$fullScreenButton.removeClass('sp-fade-full-screen') } } + }, _addFullScreen: function () { this.$fullScreenButton = $('
').appendTo(this.$slider); this.$fullScreenButton.on('click.' + NS, $.proxy(this._onFullScreenButtonClick, this)); document.addEventListener('fullscreenchange', $.proxy(this._onFullScreenChange, this)); document.addEventListener('mozfullscreenchange', $.proxy(this._onFullScreenChange, this)); document.addEventListener('webkitfullscreenchange', $.proxy(this._onFullScreenChange, this)); document.addEventListener('MSFullscreenChange', $.proxy(this._onFullScreenChange, this)) }, _removeFullScreen: function () { if (this.$fullScreenButton !== null) { this.$fullScreenButton.off('click.' + NS); this.$fullScreenButton.remove(); this.$fullScreenButton = null; document.removeEventListener('fullscreenchange', this._onFullScreenChange); document.removeEventListener('mozfullscreenchange', this._onFullScreenChange); document.removeEventListener('webkitfullscreenchange', this._onFullScreenChange); document.removeEventListener('MSFullscreenChange', this._onFullScreenChange) } }, _onFullScreenButtonClick: function () { if (this.isFullScreen === false) { if (this.instance.requestFullScreen) { this.instance.requestFullScreen() } else if (this.instance.mozRequestFullScreen) { this.instance.mozRequestFullScreen() } else if (this.instance.webkitRequestFullScreen) { this.instance.webkitRequestFullScreen() } else if (this.instance.msRequestFullscreen) { this.instance.msRequestFullscreen() } } else { if (document.exitFullScreen) { document.exitFullScreen() } else if (document.mozCancelFullScreen) { document.mozCancelFullScreen() } else if (document.webkitCancelFullScreen) { document.webkitCancelFullScreen() } else if (document.msExitFullscreen) { document.msExitFullscreen() } } }, _onFullScreenChange: function () { + this.isFullScreen = document.fullscreenElement || document.webkitFullscreenElement || document.mozFullScreenElement || document.msFullscreenElement ? true : false; if (this.isFullScreen === true) { this.sizeBeforeFullScreen = { forceSize: this.settings.forceSize, autoHeight: this.settings.autoHeight }; this.$slider.addClass('sp-full-screen'); this.settings.forceSize = 'fullWindow'; this.settings.autoHeight = false } else { this.$slider.css('margin', ''); this.$slider.removeClass('sp-full-screen'); this.settings.forceSize = this.sizeBeforeFullScreen.forceSize; this.settings.autoHeight = this.sizeBeforeFullScreen.autoHeight } + this.resize() + }, destroyFullScreen: function () { this.off('update.' + NS); this._removeFullScreen() }, fullScreenDefaults: { fullScreen: false, fadeFullScreen: true } + }; $.SliderPro.addModule('FullScreen', FullScreen) +})(window, jQuery); (function (window, $) { + "use strict"; var NS = 'Buttons.' + $.SliderPro.namespace; var Buttons = { + $buttons: null, initButtons: function () { this.on('update.' + NS, $.proxy(this._buttonsOnUpdate, this)) }, _buttonsOnUpdate: function () { this.$buttons = this.$slider.find('.sp-buttons'); if (this.settings.buttons === true && this.getTotalSlides() > 1 && this.$buttons.length === 0) { this._createButtons() } else if (this.settings.buttons === true && this.getTotalSlides() !== this.$buttons.find('.sp-button').length && this.$buttons.length !== 0) { this._adjustButtons() } else if (this.settings.buttons === false || (this.getTotalSlides() <= 1 && this.$buttons.length !== 0)) { this._removeButtons() } }, _createButtons: function () { + var that = this; this.$buttons = $('
').appendTo(this.$slider); for (var i = 0; i < this.getTotalSlides(); i++) { $('
').appendTo(this.$buttons) } + this.$buttons.on('click.' + NS, '.sp-button', function () { that.gotoSlide($(this).index()) }); this.$buttons.find('.sp-button').eq(this.selectedSlideIndex).addClass('sp-selected-button'); this.on('gotoSlide.' + NS, function (event) { that.$buttons.find('.sp-selected-button').removeClass('sp-selected-button'); that.$buttons.find('.sp-button').eq(event.index).addClass('sp-selected-button') }); this.$slider.addClass('sp-has-buttons') + }, _adjustButtons: function () { + this.$buttons.empty(); for (var i = 0; i < this.getTotalSlides(); i++) { $('
').appendTo(this.$buttons) } + this.$buttons.find('.sp-selected-button').removeClass('sp-selected-button'); this.$buttons.find('.sp-button').eq(this.selectedSlideIndex).addClass('sp-selected-button') + }, _removeButtons: function () { this.$buttons.off('click.' + NS, '.sp-button'); this.off('gotoSlide.' + NS); this.$buttons.remove(); this.$slider.removeClass('sp-has-buttons') }, destroyButtons: function () { this._removeButtons(); this.off('update.' + NS) }, buttonsDefaults: { buttons: true } + }; $.SliderPro.addModule('Buttons', Buttons) +})(window, jQuery); (function (window, $) { + "use strict"; var NS = 'Arrows.' + $.SliderPro.namespace; var Arrows = { + $arrows: null, $previousArrow: null, $nextArrow: null, initArrows: function () { this.on('update.' + NS, $.proxy(this._arrowsOnUpdate, this)); this.on('gotoSlide.' + NS, $.proxy(this._checkArrowsVisibility, this)) }, _arrowsOnUpdate: function () { + var that = this; if (this.settings.arrows === true && this.$arrows === null) { this.$arrows = $('
').appendTo(this.$slidesContainer); this.$previousArrow = $('
').appendTo(this.$arrows); this.$nextArrow = $('
').appendTo(this.$arrows); this.$previousArrow.on('click.' + NS, function () { that.previousSlide() }); this.$nextArrow.on('click.' + NS, function () { that.nextSlide() }); this._checkArrowsVisibility() } else if (this.settings.arrows === false && this.$arrows !== null) { this._removeArrows() } + if (this.settings.arrows === true) { if (this.settings.fadeArrows === true) { this.$arrows.addClass('sp-fade-arrows') } else if (this.settings.fadeArrows === false) { this.$arrows.removeClass('sp-fade-arrows') } } + }, _checkArrowsVisibility: function () { + if (this.settings.arrows === false || this.settings.loop === true) { return } + if (this.selectedSlideIndex === 0) { this.$previousArrow.css('display', 'none') } else { this.$previousArrow.css('display', 'block') } + if (this.selectedSlideIndex === this.getTotalSlides() - 1) { this.$nextArrow.css('display', 'none') } else { this.$nextArrow.css('display', 'block') } + }, _removeArrows: function () { if (this.$arrows !== null) { this.$previousArrow.off('click.' + NS); this.$nextArrow.off('click.' + NS); this.$arrows.remove(); this.$arrows = null } }, destroyArrows: function () { this._removeArrows(); this.off('update.' + NS); this.off('gotoSlide.' + NS) }, arrowsDefaults: { arrows: false, fadeArrows: true } + }; $.SliderPro.addModule('Arrows', Arrows) +})(window, jQuery); (function (window, $) { + "use strict"; var NS = 'ThumbnailTouchSwipe.' + $.SliderPro.namespace; var ThumbnailTouchSwipe = { + thumbnailTouchStartPoint: { x: 0, y: 0 }, thumbnailTouchEndPoint: { x: 0, y: 0 }, thumbnailTouchDistance: { x: 0, y: 0 }, thumbnailTouchStartPosition: 0, isThumbnailTouchMoving: false, isThumbnailTouchSwipe: false, thumbnailTouchSwipeEvents: { startEvent: '', moveEvent: '', endEvent: '' }, initThumbnailTouchSwipe: function () { this.on('update.' + NS, $.proxy(this._thumbnailTouchSwipeOnUpdate, this)) }, _thumbnailTouchSwipeOnUpdate: function () { + if (this.isThumbnailScroller === false) { return } + if (this.settings.thumbnailTouchSwipe === true && this.isThumbnailTouchSwipe === false) { this.isThumbnailTouchSwipe = true; this.thumbnailTouchSwipeEvents.startEvent = 'touchstart' + '.' + NS + ' mousedown' + '.' + NS; this.thumbnailTouchSwipeEvents.moveEvent = 'touchmove' + '.' + NS + ' mousemove' + '.' + NS; this.thumbnailTouchSwipeEvents.endEvent = 'touchend' + '.' + this.uniqueId + '.' + NS + ' mouseup' + '.' + this.uniqueId + '.' + NS; this.$thumbnails.on(this.thumbnailTouchSwipeEvents.startEvent, $.proxy(this._onThumbnailTouchStart, this)); this.$thumbnails.on('dragstart.' + NS, function (event) { event.preventDefault() }); this.$thumbnails.addClass('sp-grab') } + $.each(this.thumbnails, function (index, thumbnail) { thumbnail.off('thumbnailClick') }) + }, _onThumbnailTouchStart: function (event) { + if ($(event.target).closest('.sp-selectable').length >= 1) { return } + var that = this, eventObject = typeof event.originalEvent.touches !== 'undefined' ? event.originalEvent.touches[0] : event.originalEvent; if (typeof event.originalEvent.touches === 'undefined') { event.preventDefault() } + $(event.target).parents('.sp-thumbnail-container').find('a').one('click.' + NS, function (event) { event.preventDefault() }); this.thumbnailTouchStartPoint.x = eventObject.pageX || eventObject.clientX; this.thumbnailTouchStartPoint.y = eventObject.pageY || eventObject.clientY; this.thumbnailTouchStartPosition = this.thumbnailsPosition; this.thumbnailTouchDistance.x = this.thumbnailTouchDistance.y = 0; if (this.$thumbnails.hasClass('sp-animated')) { this.isThumbnailTouchMoving = true; this._stopThumbnailsMovement(); this.thumbnailTouchStartPosition = this.thumbnailsPosition } + this.$thumbnails.on(this.thumbnailTouchSwipeEvents.moveEvent, $.proxy(this._onThumbnailTouchMove, this)); $(document).on(this.thumbnailTouchSwipeEvents.endEvent, $.proxy(this._onThumbnailTouchEnd, this)); this.$thumbnails.removeClass('sp-grab').addClass('sp-grabbing'); this.$thumbnailsContainer.addClass('sp-swiping') + }, _onThumbnailTouchMove: function (event) { + var eventObject = typeof event.originalEvent.touches !== 'undefined' ? event.originalEvent.touches[0] : event.originalEvent; this.isThumbnailTouchMoving = true; this.thumbnailTouchEndPoint.x = eventObject.pageX || eventObject.clientX; this.thumbnailTouchEndPoint.y = eventObject.pageY || eventObject.clientY; this.thumbnailTouchDistance.x = this.thumbnailTouchEndPoint.x - this.thumbnailTouchStartPoint.x; this.thumbnailTouchDistance.y = this.thumbnailTouchEndPoint.y - this.thumbnailTouchStartPoint.y; var distance = this.thumbnailsOrientation === 'horizontal' ? this.thumbnailTouchDistance.x : this.thumbnailTouchDistance.y, oppositeDistance = this.thumbnailsOrientation === 'horizontal' ? this.thumbnailTouchDistance.y : this.thumbnailTouchDistance.x; if (Math.abs(distance) > Math.abs(oppositeDistance)) { event.preventDefault() } else { return } + if (this.thumbnailsPosition >= 0) { var infOffset = -this.thumbnailTouchStartPosition; distance = infOffset + (distance - infOffset) * 0.2 } else if (this.thumbnailsPosition <= -this.thumbnailsSize + this.thumbnailsContainerSize) { var supOffset = this.thumbnailsSize - this.thumbnailsContainerSize + this.thumbnailTouchStartPosition; distance = -supOffset + (distance + supOffset) * 0.2 } + this._moveThumbnailsTo(this.thumbnailTouchStartPosition + distance, true) + }, _onThumbnailTouchEnd: function (event) { + var that = this, thumbnailTouchDistance = this.thumbnailsOrientation === 'horizontal' ? this.thumbnailTouchDistance.x : this.thumbnailTouchDistance.y; this.$thumbnails.off(this.thumbnailTouchSwipeEvents.moveEvent); $(document).off(this.thumbnailTouchSwipeEvents.endEvent); this.$thumbnails.removeClass('sp-grabbing').addClass('sp-grab'); if (this.isThumbnailTouchMoving === false || this.isThumbnailTouchMoving === true && Math.abs(this.thumbnailTouchDistance.x) < 10 && Math.abs(this.thumbnailTouchDistance.y) < 10) { + var targetThumbnail = $(event.target).hasClass('sp-thumbnail-container') ? $(event.target) : $(event.target).parents('.sp-thumbnail-container'), index = targetThumbnail.index(); if ($(event.target).parents('a').length !== 0) { $(event.target).parents('a').off('click.' + NS); this.$thumbnailsContainer.removeClass('sp-swiping') } else if (index !== this.selectedThumbnailIndex && index !== -1) { this.gotoSlide(index) } + return + } + this.isThumbnailTouchMoving = false; $(event.target).parents('.sp-thumbnail').one('click', function (event) { event.preventDefault() }); setTimeout(function () { that.$thumbnailsContainer.removeClass('sp-swiping') }, 1); if (this.thumbnailsPosition > 0) { this._moveThumbnailsTo(0) } else if (this.thumbnailsPosition < this.thumbnailsContainerSize - this.thumbnailsSize) { this._moveThumbnailsTo(this.thumbnailsContainerSize - this.thumbnailsSize) } + this.trigger({ type: 'thumbnailsMoveComplete' }); if ($.isFunction(this.settings.thumbnailsMoveComplete)) { this.settings.thumbnailsMoveComplete.call(this, { type: 'thumbnailsMoveComplete' }) } + }, destroyThumbnailTouchSwipe: function () { + this.off('update.' + NS); if (this.isThumbnailScroller === false) { return } + this.$thumbnails.off(this.thumbnailTouchSwipeEvents.startEvent); this.$thumbnails.off(this.thumbnailTouchSwipeEvents.moveEvent); this.$thumbnails.off('dragstart.' + NS); $(document).off(this.thumbnailTouchSwipeEvents.endEvent); this.$thumbnails.removeClass('sp-grab') + }, thumbnailTouchSwipeDefaults: { thumbnailTouchSwipe: true } + }; $.SliderPro.addModule('ThumbnailTouchSwipe', ThumbnailTouchSwipe) +})(window, jQuery); (function (window, $) { + "use strict"; var NS = 'ThumbnailArrows.' + $.SliderPro.namespace; var ThumbnailArrows = { + $thumbnailArrows: null, $previousThumbnailArrow: null, $nextThumbnailArrow: null, initThumbnailArrows: function () { var that = this; this.on('update.' + NS, $.proxy(this._thumbnailArrowsOnUpdate, this)); this.on('sliderResize.' + NS + ' ' + 'thumbnailsMoveComplete.' + NS, function () { if (that.isThumbnailScroller === true && that.settings.thumbnailArrows === true) { that._checkThumbnailArrowsVisibility() } }) }, _thumbnailArrowsOnUpdate: function () { + var that = this; if (this.isThumbnailScroller === false) { return } + if (this.settings.thumbnailArrows === true && this.$thumbnailArrows === null) { this.$thumbnailArrows = $('
').appendTo(this.$thumbnailsContainer); this.$previousThumbnailArrow = $('
').appendTo(this.$thumbnailArrows); this.$nextThumbnailArrow = $('
').appendTo(this.$thumbnailArrows); this.$previousThumbnailArrow.on('click.' + NS, function () { var previousPosition = Math.min(0, that.thumbnailsPosition + that.thumbnailsContainerSize); that._moveThumbnailsTo(previousPosition) }); this.$nextThumbnailArrow.on('click.' + NS, function () { var nextPosition = Math.max(that.thumbnailsContainerSize - that.thumbnailsSize, that.thumbnailsPosition - that.thumbnailsContainerSize); that._moveThumbnailsTo(nextPosition) }) } else if (this.settings.thumbnailArrows === false && this.$thumbnailArrows !== null) { this._removeThumbnailArrows() } + if (this.settings.thumbnailArrows === true) { + if (this.settings.fadeThumbnailArrows === true) { this.$thumbnailArrows.addClass('sp-fade-thumbnail-arrows') } else if (this.settings.fadeThumbnailArrows === false) { this.$thumbnailArrows.removeClass('sp-fade-thumbnail-arrows') } + this._checkThumbnailArrowsVisibility() + } + }, _checkThumbnailArrowsVisibility: function () { + if (this.thumbnailsPosition === 0) { this.$previousThumbnailArrow.css('display', 'none') } else { this.$previousThumbnailArrow.css('display', 'block') } + if (this.thumbnailsPosition === this.thumbnailsContainerSize - this.thumbnailsSize) { this.$nextThumbnailArrow.css('display', 'none') } else { this.$nextThumbnailArrow.css('display', 'block') } + }, _removeThumbnailArrows: function () { if (this.$thumbnailArrows !== null) { this.$previousThumbnailArrow.off('click.' + NS); this.$nextThumbnailArrow.off('click.' + NS); this.$thumbnailArrows.remove(); this.$thumbnailArrows = null } }, destroyThumbnailArrows: function () { this._removeThumbnailArrows(); this.off('update.' + NS); this.off('sliderResize.' + NS); this.off('thumbnailsMoveComplete.' + NS) }, thumbnailArrowsDefaults: { thumbnailArrows: false, fadeThumbnailArrows: true } + }; $.SliderPro.addModule('ThumbnailArrows', ThumbnailArrows) +})(window, jQuery); (function (window, $) { + "use strict"; var NS = 'Video.' + $.SliderPro.namespace; var Video = { + firstInit: false, initVideo: function () { this.on('update.' + NS, $.proxy(this._videoOnUpdate, this)); this.on('gotoSlideComplete.' + NS, $.proxy(this._videoOnGotoSlideComplete, this)) }, _videoOnUpdate: function () { var that = this; this.$slider.find('.sp-video').not('a, [data-video-init]').each(function () { var video = $(this); that._initVideo(video) }); this.$slider.find('a.sp-video').not('[data-video-preinit]').each(function () { var video = $(this); that._preinitVideo(video) }); if (this.firstInit === false) { this.firstInit = true; this._videoOnGotoSlideComplete({ index: this.selectedSlideIndex, previousIndex: -1 }) } }, _initVideo: function (video) { + var that = this; video.attr('data-video-init', true).videoController(); video.on('videoPlay.' + NS, function () { + if (that.settings.playVideoAction === 'stopAutoplay' && typeof that.stopAutoplay !== 'undefined') { that.stopAutoplay(); that.settings.autoplay = false } + var eventObject = { type: 'videoPlay', video: video }; that.trigger(eventObject); if ($.isFunction(that.settings.videoPlay)) { that.settings.videoPlay.call(that, eventObject) } + }); video.on('videoPause.' + NS, function () { + if (that.settings.pauseVideoAction === 'startAutoplay' && typeof that.startAutoplay !== 'undefined') { that.startAutoplay(); that.settings.autoplay = true } + var eventObject = { type: 'videoPause', video: video }; that.trigger(eventObject); if ($.isFunction(that.settings.videoPause)) { that.settings.videoPause.call(that, eventObject) } + }); video.on('videoEnded.' + NS, function () { + if (that.settings.endVideoAction === 'startAutoplay' && typeof that.startAutoplay !== 'undefined') { that.startAutoplay(); that.settings.autoplay = true } else if (that.settings.endVideoAction === 'nextSlide') { that.nextSlide() } else if (that.settings.endVideoAction === 'replayVideo') { video.videoController('replay') } + var eventObject = { type: 'videoEnd', video: video }; that.trigger(eventObject); if ($.isFunction(that.settings.videoEnd)) { that.settings.videoEnd.call(that, eventObject) } + }) + }, _preinitVideo: function (video) { + var that = this; video.attr('data-video-preinit', true); video.on('click.' + NS, function (event) { + if (that.$slider.hasClass('sp-swiping')) { return } + event.preventDefault(); var href = video.attr('href'), iframe, provider, regExp, match, id, src, videoAttributes, videoWidth = video.children('img').attr('width') || video.children('img').width(), videoHeight = video.children('img').attr('height') || video.children('img').height(); if (href.indexOf('youtube') !== -1 || href.indexOf('youtu.be') !== -1) { provider = 'youtube' } else if (href.indexOf('vimeo') !== -1) { provider = 'vimeo' } + regExp = provider === 'youtube' ? /^.*(youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=|\&v=)([^#\&\?]*).*/ : /http:\/\/(www\.)?vimeo.com\/(\d+)/; match = href.match(regExp); id = match[2]; src = provider === 'youtube' ? '//www.youtube.com/embed/' + id + '?enablejsapi=1&wmode=opaque' : '//player.vimeo.com/video/' + id + '?api=1'; videoAttributes = href.split('?')[1]; if (typeof videoAttributes !== 'undefined') { videoAttributes = videoAttributes.split('&'); $.each(videoAttributes, function (index, value) { if (value.indexOf(id) === -1) { src += '&' + value } }) } + iframe = $('').attr({ 'src': src, 'width': videoWidth, 'height': videoHeight, 'class': video.attr('class'), 'frameborder': 0, 'allowfullscreen': 'allowfullscreen' }).insertBefore(video); that._initVideo(iframe); iframe.videoController('play'); video.css('display', 'none') + }) + }, _videoOnGotoSlideComplete: function (event) { + var previousVideo = this.$slides.find('.sp-slide').eq(event.previousIndex).find('.sp-video[data-video-init]'); if (event.previousIndex !== -1 && previousVideo.length !== 0) { if (this.settings.leaveVideoAction === 'stopVideo') { previousVideo.videoController('stop') } else if (this.settings.leaveVideoAction === 'pauseVideo') { previousVideo.videoController('pause') } else if (this.settings.leaveVideoAction === 'removeVideo') { if (previousVideo.siblings('a.sp-video').length !== 0) { previousVideo.siblings('a.sp-video').css('display', ''); previousVideo.videoController('destroy'); previousVideo.remove() } else { previousVideo.videoController('stop') } } } + if (this.settings.reachVideoAction === 'playVideo') { var loadedVideo = this.$slides.find('.sp-slide').eq(event.index).find('.sp-video[data-video-init]'), unloadedVideo = this.$slides.find('.sp-slide').eq(event.index).find('.sp-video[data-video-preinit]'); if (loadedVideo.length !== 0) { loadedVideo.videoController('play') } else if (unloadedVideo.length !== 0) { unloadedVideo.trigger('click.' + NS) } } + }, destroyVideo: function () { this.$slider.find('.sp-video[ data-video-preinit ]').each(function () { var video = $(this); video.removeAttr('data-video-preinit'); video.off('click.' + NS) }); this.$slider.find('.sp-video[ data-video-init ]').each(function () { var video = $(this); video.removeAttr('data-video-init'); video.off('Video'); video.videoController('destroy') }); this.off('update.' + NS); this.off('gotoSlideComplete.' + NS) }, videoDefaults: { reachVideoAction: 'none', leaveVideoAction: 'pauseVideo', playVideoAction: 'stopAutoplay', pauseVideoAction: 'none', endVideoAction: 'none', videoPlay: function () { }, videoPause: function () { }, videoEnd: function () { } } + }; $.SliderPro.addModule('Video', Video) +})(window, jQuery); (function ($) { + "use strict"; var isIOS = window.navigator.userAgent.match(/(iPad|iPhone|iPod)/g) ? true : false; var VideoController = function (instance, options) { this.$video = $(instance); this.options = options; this.settings = {}; this.player = null; this._init() }; VideoController.prototype = { + _init: function () { + this.settings = $.extend({}, this.defaults, this.options); var that = this, players = $.VideoController.players, videoID = this.$video.attr('id'); for (var name in players) { if (typeof players[name] !== 'undefined' && players[name].isType(this.$video)) { this.player = new players[name](this.$video); break } } + if (this.player === null) { return } + var events = ['ready', 'start', 'play', 'pause', 'ended']; $.each(events, function (index, element) { var event = 'video' + element.charAt(0).toUpperCase() + element.slice(1); that.player.on(element, function () { that.trigger({ type: event, video: videoID }); if ($.isFunction(that.settings[event])) { that.settings[event].call(that, { type: event, video: videoID }) } }) }) + }, play: function () { + if (isIOS === true && this.player.isStarted() === false || this.player.getState() === 'playing') { return } + this.player.play() + }, stop: function () { + if (isIOS === true && this.player.isStarted() === false || this.player.getState() === 'stopped') { return } + this.player.stop() + }, pause: function () { + if (isIOS === true && this.player.isStarted() === false || this.player.getState() === 'paused') { return } + this.player.pause() + }, replay: function () { + if (isIOS === true && this.player.isStarted() === false) { return } + this.player.replay() + }, on: function (type, callback) { return this.$video.on(type, callback) }, off: function (type) { return this.$video.off(type) }, trigger: function (data) { return this.$video.triggerHandler(data) }, destroy: function () { + if (this.player.isStarted() === true) { this.stop() } + this.player.off('ready'); this.player.off('start'); this.player.off('play'); this.player.off('pause'); this.player.off('ended'); this.$video.removeData('videoController') + }, defaults: { videoReady: function () { }, videoStart: function () { }, videoPlay: function () { }, videoPause: function () { }, videoEnded: function () { } } + }; $.VideoController = { players: {}, addPlayer: function (name, player) { this.players[name] = player } }; $.fn.videoController = function (options) { var args = Array.prototype.slice.call(arguments, 1); return this.each(function () { if (typeof $(this).data('videoController') === 'undefined') { var newInstance = new VideoController(this, options); $(this).data('videoController', newInstance) } else if (typeof options !== 'undefined') { var currentInstance = $(this).data('videoController'); if (typeof currentInstance[options] === 'function') { currentInstance[options].apply(currentInstance, args) } else { $.error(options + ' does not exist in videoController.') } } }) }; var Video = function (video) { this.$video = video; this.player = null; this.ready = false; this.started = false; this.state = ''; this.events = $({}); this._init() }; Video.prototype = { _init: function () { }, play: function () { }, pause: function () { }, stop: function () { }, replay: function () { }, isType: function () { }, isReady: function () { return this.ready }, isStarted: function () { return this.started }, getState: function () { return this.state }, on: function (type, callback) { return this.events.on(type, callback) }, off: function (type) { return this.events.off(type) }, trigger: function (data) { return this.events.triggerHandler(data) } }; var YoutubeVideoHelper = { youtubeAPIAdded: false, youtubeVideos: [] }; var YoutubeVideo = function (video) { this.init = false; var youtubeAPILoaded = window.YT && window.YT.Player; if (typeof youtubeAPILoaded !== 'undefined') { Video.call(this, video) } else { YoutubeVideoHelper.youtubeVideos.push({ 'video': video, 'scope': this }); if (YoutubeVideoHelper.youtubeAPIAdded === false) { YoutubeVideoHelper.youtubeAPIAdded = true; var tag = document.createElement('script'); tag.src = "//www.youtube.com/player_api"; var firstScriptTag = document.getElementsByTagName('script')[0]; firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); window.onYouTubePlayerAPIReady = function () { $.each(YoutubeVideoHelper.youtubeVideos, function (index, element) { Video.call(element.scope, element.video) }) } } } }; YoutubeVideo.prototype = new Video(); YoutubeVideo.prototype.constructor = YoutubeVideo; $.VideoController.addPlayer('YoutubeVideo', YoutubeVideo); YoutubeVideo.isType = function (video) { + if (video.is('iframe')) { var src = video.attr('src'); if (src.indexOf('youtube.com') !== -1 || src.indexOf('youtu.be') !== -1) { return true } } + return false + }; YoutubeVideo.prototype._init = function () { this.init = true; this._setup() }; YoutubeVideo.prototype._setup = function () { + var that = this; this.player = new YT.Player(this.$video[0], { + events: { + 'onReady': function () { that.trigger({ type: 'ready' }); that.ready = true }, 'onStateChange': function (event) { + switch (event.data) { + case YT.PlayerState.PLAYING: if (that.started === false) { that.started = true; that.trigger({ type: 'start' }) } + that.state = 'playing'; that.trigger({ type: 'play' }); break; case YT.PlayerState.PAUSED: that.state = 'paused'; that.trigger({ type: 'pause' }); break; case YT.PlayerState.ENDED: that.state = 'ended'; that.trigger({ type: 'ended' }); break + } + } + } + }) + }; YoutubeVideo.prototype.play = function () { var that = this; if (this.ready === true) { this.player.playVideo() } else { var timer = setInterval(function () { if (that.ready === true) { clearInterval(timer); that.player.playVideo() } }, 100) } }; YoutubeVideo.prototype.pause = function () { if (isIOS === true) { this.stop() } else { this.player.pauseVideo() } }; YoutubeVideo.prototype.stop = function () { this.player.seekTo(1); this.player.stopVideo(); this.state = 'stopped' }; YoutubeVideo.prototype.replay = function () { this.player.seekTo(1); this.player.playVideo() }; YoutubeVideo.prototype.on = function (type, callback) { var that = this; if (this.init === true) { Video.prototype.on.call(this, type, callback) } else { var timer = setInterval(function () { if (that.init === true) { clearInterval(timer); Video.prototype.on.call(that, type, callback) } }, 100) } }; var VimeoVideoHelper = { vimeoAPIAdded: false, vimeoVideos: [] }; var VimeoVideo = function (video) { this.init = false; if (typeof window.Froogaloop !== 'undefined') { Video.call(this, video) } else { VimeoVideoHelper.vimeoVideos.push({ 'video': video, 'scope': this }); if (VimeoVideoHelper.vimeoAPIAdded === false) { VimeoVideoHelper.vimeoAPIAdded = true; var tag = document.createElement('script'); tag.src = "//a.vimeocdn.com/js/froogaloop2.min.js"; var firstScriptTag = document.getElementsByTagName('script')[0]; firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); var checkVimeoAPITimer = setInterval(function () { if (typeof window.Froogaloop !== 'undefined') { clearInterval(checkVimeoAPITimer); $.each(VimeoVideoHelper.vimeoVideos, function (index, element) { Video.call(element.scope, element.video) }) } }, 100) } } }; VimeoVideo.prototype = new Video(); VimeoVideo.prototype.constructor = VimeoVideo; $.VideoController.addPlayer('VimeoVideo', VimeoVideo); VimeoVideo.isType = function (video) { + if (video.is('iframe')) { var src = video.attr('src'); if (src.indexOf('vimeo.com') !== -1) { return true } } + return false + }; VimeoVideo.prototype._init = function () { this.init = true; this._setup() }; VimeoVideo.prototype._setup = function () { + var that = this; this.player = $f(this.$video[0]); this.player.addEvent('ready', function () { + that.ready = true; that.trigger({ type: 'ready' }); that.player.addEvent('play', function () { + if (that.started === false) { that.started = true; that.trigger({ type: 'start' }) } + that.state = 'playing'; that.trigger({ type: 'play' }) + }); that.player.addEvent('pause', function () { that.state = 'paused'; that.trigger({ type: 'pause' }) }); that.player.addEvent('finish', function () { that.state = 'ended'; that.trigger({ type: 'ended' }) }) + }) + }; VimeoVideo.prototype.play = function () { var that = this; if (this.ready === true) { this.player.api('play') } else { var timer = setInterval(function () { if (that.ready === true) { clearInterval(timer); that.player.api('play') } }, 100) } }; VimeoVideo.prototype.pause = function () { this.player.api('pause') }; VimeoVideo.prototype.stop = function () { this.player.api('seekTo', 0); this.player.api('pause'); this.state = 'stopped' }; VimeoVideo.prototype.replay = function () { this.player.api('seekTo', 0); this.player.api('play') }; VimeoVideo.prototype.on = function (type, callback) { var that = this; if (this.init === true) { Video.prototype.on.call(this, type, callback) } else { var timer = setInterval(function () { if (that.init === true) { clearInterval(timer); Video.prototype.on.call(that, type, callback) } }, 100) } }; var HTML5Video = function (video) { Video.call(this, video) }; HTML5Video.prototype = new Video(); HTML5Video.prototype.constructor = HTML5Video; $.VideoController.addPlayer('HTML5Video', HTML5Video); HTML5Video.isType = function (video) { + if (video.is('video') && video.hasClass('video-js') === false && video.hasClass('sublime') === false) { return true } + return false + }; HTML5Video.prototype._init = function () { + var that = this; this.player = this.$video[0]; var checkVideoReady = setInterval(function () { + if (that.player.readyState === 4) { + clearInterval(checkVideoReady); that.ready = true; that.trigger({ type: 'ready' }); that.player.addEventListener('play', function () { + if (that.started === false) { that.started = true; that.trigger({ type: 'start' }) } + that.state = 'playing'; that.trigger({ type: 'play' }) + }); that.player.addEventListener('pause', function () { that.state = 'paused'; that.trigger({ type: 'pause' }) }); that.player.addEventListener('ended', function () { that.state = 'ended'; that.trigger({ type: 'ended' }) }) + } + }, 100) + }; HTML5Video.prototype.play = function () { var that = this; if (this.ready === true) { this.player.play() } else { var timer = setInterval(function () { if (that.ready === true) { clearInterval(timer); that.player.play() } }, 100) } }; HTML5Video.prototype.pause = function () { this.player.pause() }; HTML5Video.prototype.stop = function () { this.player.currentTime = 0; this.player.pause(); this.state = 'stopped' }; HTML5Video.prototype.replay = function () { this.player.currentTime = 0; this.player.play() }; var VideoJSVideo = function (video) { Video.call(this, video) }; VideoJSVideo.prototype = new Video(); VideoJSVideo.prototype.constructor = VideoJSVideo; $.VideoController.addPlayer('VideoJSVideo', VideoJSVideo); VideoJSVideo.isType = function (video) { + if ((typeof video.attr('data-videojs-id') !== 'undefined' || video.hasClass('video-js')) && typeof videojs !== 'undefined') { return true } + return false + }; VideoJSVideo.prototype._init = function () { + var that = this, videoID = this.$video.hasClass('video-js') ? this.$video.attr('id') : this.$video.attr('data-videojs-id'); this.player = videojs(videoID); this.player.ready(function () { + that.ready = true; that.trigger({ type: 'ready' }); that.player.on('play', function () { + if (that.started === false) { that.started = true; that.trigger({ type: 'start' }) } + that.state = 'playing'; that.trigger({ type: 'play' }) + }); that.player.on('pause', function () { that.state = 'paused'; that.trigger({ type: 'pause' }) }); that.player.on('ended', function () { that.state = 'ended'; that.trigger({ type: 'ended' }) }) + }) + }; VideoJSVideo.prototype.play = function () { this.player.play() }; VideoJSVideo.prototype.pause = function () { this.player.pause() }; VideoJSVideo.prototype.stop = function () { this.player.currentTime(0); this.player.pause(); this.state = 'stopped' }; VideoJSVideo.prototype.replay = function () { this.player.currentTime(0); this.player.play() }; var SublimeVideo = function (video) { Video.call(this, video) }; SublimeVideo.prototype = new Video(); SublimeVideo.prototype.constructor = SublimeVideo; $.VideoController.addPlayer('SublimeVideo', SublimeVideo); SublimeVideo.isType = function (video) { + if (video.hasClass('sublime') && typeof sublime !== 'undefined') { return true } + return false + }; SublimeVideo.prototype._init = function () { + var that = this; sublime.ready(function () { + that.player = sublime.player(that.$video.attr('id')); that.ready = true; that.trigger({ type: 'ready' }); that.player.on('play', function () { + if (that.started === false) { that.started = true; that.trigger({ type: 'start' }) } + that.state = 'playing'; that.trigger({ type: 'play' }) + }); that.player.on('pause', function () { that.state = 'paused'; that.trigger({ type: 'pause' }) }); that.player.on('stop', function () { that.state = 'stopped'; that.trigger({ type: 'stop' }) }); that.player.on('end', function () { that.state = 'ended'; that.trigger({ type: 'ended' }) }) + }) + }; SublimeVideo.prototype.play = function () { this.player.play() }; SublimeVideo.prototype.pause = function () { this.player.pause() }; SublimeVideo.prototype.stop = function () { this.player.stop() }; SublimeVideo.prototype.replay = function () { this.player.stop(); this.player.play() }; var JWPlayerVideo = function (video) { Video.call(this, video) }; JWPlayerVideo.prototype = new Video(); JWPlayerVideo.prototype.constructor = JWPlayerVideo; $.VideoController.addPlayer('JWPlayerVideo', JWPlayerVideo); JWPlayerVideo.isType = function (video) { + if ((typeof video.attr('data-jwplayer-id') !== 'undefined' || video.hasClass('jwplayer') || video.find("object[data*='jwplayer']").length !== 0) && typeof jwplayer !== 'undefined') { return true } + return false + }; JWPlayerVideo.prototype._init = function () { + var that = this, videoID; if (this.$video.hasClass('jwplayer')) { videoID = this.$video.attr('id') } else if (typeof this.$video.attr('data-jwplayer-id') !== 'undefined') { videoID = this.$video.attr('data-jwplayer-id') } else if (this.$video.find("object[data*='jwplayer']").length !== 0) { videoID = this.$video.find('object').attr('id') } + this.player = jwplayer(videoID); this.player.onReady(function () { + that.ready = true; that.trigger({ type: 'ready' }); that.player.onPlay(function () { + if (that.started === false) { that.started = true; that.trigger({ type: 'start' }) } + that.state = 'playing'; that.trigger({ type: 'play' }) + }); that.player.onPause(function () { that.state = 'paused'; that.trigger({ type: 'pause' }) }); that.player.onComplete(function () { that.state = 'ended'; that.trigger({ type: 'ended' }) }) + }) + }; JWPlayerVideo.prototype.play = function () { this.player.play(true) }; JWPlayerVideo.prototype.pause = function () { this.player.pause(true) }; JWPlayerVideo.prototype.stop = function () { this.player.stop(); this.state = 'stopped' }; JWPlayerVideo.prototype.replay = function () { this.player.seek(0); this.player.play(true) } +})(jQuery); (function (window, $) { + "use strict"; var NS = 'ThumbnailsNc.' + $.SliderPro.namespace; var ThumbnailsNc = { + $thumbnailsNc: null, $thumbnailsNcContainer: null, thumbnailsNc: null, selectedThumbnailNcIndex: 0, thumbnailsNcPositionProperty: null, initThumbnailsNc: function () { + var that = this; if (!this.$slider.children('.sp-nc-thumbnails').length) { return } + this.thumbnailsNc = []; this.on('update.' + NS, $.proxy(this._thumbnailsOnUpdateNc, this)); this.on('gotoSlide.' + NS, function (event) { that._gotoThumbnailNc(event.index) }) + }, _thumbnailsOnUpdateNc: function () { + var that = this; if (this.$thumbnailsNcContainer === null) { this.$thumbnailsNcContainer = $('
').insertAfter(this.$slidesContainer) } + if (this.$thumbnailsNc === null) { + if (this.$slider.find('.sp-nc-thumbnails').length !== 0) { + this.$thumbnailsNc = this.$slider.find('.sp-nc-thumbnails').appendTo(this.$thumbnailsNcContainer); if (this.settings.shuffle === true) { + var thumbnailsNc = this.$thumbnailsNc.find('.sp-nc-thumbnail'), shuffledThumbnails = []; $.each(this.shuffledIndexes, function (index, element) { + var $thumbnail = $(thumbnailsNc[element]); if ($thumbnail.parent('a').length !== 0) { $thumbnail = $thumbnail.parent('a') } + shuffledThumbnails.push($thumbnail) + }); this.$thumbnailsNc.empty().append(shuffledThumbnails) + } + } else { this.$thumbnailsNc = $('
').appendTo(this.$thumbnailsNcContainer) } + } + this.$slides.find('.sp-nc-thumbnail').each(function (index) { + var $thumbnail = $(this), thumbnailIndex = $thumbnail.parents('.sp-slide').index(), lastThumbnailIndex = that.$thumbnailsNc.find('.sp-nc-thumbnail').length - 1; if ($thumbnail.parent('a').length !== 0) { $thumbnail = $thumbnail.parent('a') } + if (thumbnailIndex > lastThumbnailIndex) { $thumbnail.appendTo(that.$thumbnailsNc) } else { $thumbnail.insertBefore(that.$thumbnailsNc.find('.sp-nc-thumbnail').eq(thumbnailIndex)) } + }); for (var i = this.thumbnailsNc.length - 1; i >= 0; i--) { if (this.$thumbnailsNc.find('.sp-nc-thumbnail[data-index="' + i + '"]').length === 0) { var thumbnail = this.thumbnailsNc[i]; thumbnail.destroy(); this.thumbnailsNc.splice(i, 1) } } + this.$thumbnailsNc.find('.sp-nc-thumbnail').each(function (index) { var $thumbnail = $(this); if (typeof $thumbnail.attr('data-init') === 'undefined') { that._createThumbnailNc($thumbnail, index) } else { that.thumbnailsNc[index].setIndexNc(index) } }); if (this.settings.thumbnailPointer === true) { this.$thumbnailsNcContainer.addClass('sp-has-pointer') } else { this.$thumbnailsNcContainer.removeClass('sp-has-pointer') } + this.selectedThumbnailNcIndex = this.selectedSlideIndex; this.$thumbnailsNc.find('.sp-nc-thumbnail-container').eq(this.selectedThumbnailNcIndex).addClass('sp-nc-selected-thumbnail') + }, _createThumbnailNc: function (element, index) { var that = this, thumbnail = new ThumbnailNc(element, this.$thumbnailsNc, index); thumbnail.on('thumbnailClick.' + NS, function (event) { that.gotoSlide(event.index) }); this.thumbnailsNc.splice(index, 0, thumbnail) }, _gotoThumbnailNc: function (index) { var previousIndex = this.selectedThumbnailNcIndex; this.selectedThumbnailNcIndex = index; this.$thumbnailsNc.find('.sp-nc-selected-thumbnail').removeClass('sp-nc-selected-thumbnail'); this.$thumbnailsNc.find('.sp-nc-thumbnail-container').eq(this.selectedThumbnailNcIndex).addClass('sp-nc-selected-thumbnail'); this.trigger({ type: 'gotoThumbnail' }); if ($.isFunction(this.settings.gotoThumbnail)) { this.settings.gotoThumbnail.call(this, { type: 'gotoThumbnail' }) } }, thumbnailsNcDefaults: { thumbnailWidth: 100, thumbnailHeight: 80, thumbnailPointer: false, gotoThumbnail: function () { }, } + }; var ThumbnailNc = function (thumbnail, thumbnailsNc, index) { this.$thumbnail = thumbnail; this.$thumbnailsNc = thumbnailsNc; this.$thumbnailContainer = null; this.width = 0; this.height = 0; this.isImageLoaded = false; this.setIndexNc(index); this._init() }; ThumbnailNc.prototype = { _init: function () { var that = this; this.$thumbnail.attr('data-init', true); this.$thumbnailContainer = $('
').appendTo(this.$thumbnailsNc); this.$thumbnail.appendTo(this.$thumbnailContainer); this.$thumbnailContainer.on('click.' + NS, function () { that.trigger({ type: 'thumbnailClick.' + NS, index: that.index }) }) }, setIndexNc: function (index) { this.index = index; this.$thumbnail.attr('data-index', this.index) }, on: function (type, callback) { return this.$thumbnailContainer.on(type, callback) }, off: function (type) { return this.$thumbnailContainer.off(type) }, trigger: function (data) { return this.$thumbnailContainer.triggerHandler(data) } }; $.SliderPro.addModule('ThumbnailsNc', ThumbnailsNc) +})(window, jQuery); (function ($) { + $.fn.wpexEqualHeights = function (options) { + var $items = this, + $window = $(window), $targets = null; + var $settings = $.extend({ children: '', mobileBreakPoint: '', reset: false }, options); + if (!$($settings.children).length) { return } + function setHeights(el, reset) { + var $tallest = 0; if ($settings.children) { + var $children = el.find($settings.children).not('.vc_row.vc_inner .vc_column-inner'); + $children.each(function () { + var $child = $(this); if (reset) { $child.css('height', '') } + $height = $child.outerHeight(true); + if($child.children().length != 0){ + $height = 0; + var childs = $child.children(); + for(var i = 0;i $tallest) { $tallest = $height } + if(!window.wpexAnimsition.equal_height){ + $child.css("height", $height + 'px'); + } + }); + if(window.wpexAnimsition.equal_height){ + $children.css('height', $tallest + 'px') + } + } + } + $items.each(function () { + var $this = $(this); + if ($this.is(window.wpexAnimsition.container_block)) { + setHeights($this, false) + } else { + $this.imagesLoaded(function () { + setHeights($this, false) }) + } + }); + $window.resize(function () { + $items.each(function () { + setHeights($(this), true) + }) + }) + } +}(jQuery)); (function ($) { + $.fn.extend({ + leanerModal: function (options) { + function close_modal(modal_id) { $(modal_id).removeClass('active'); $("#lean_overlay").fadeOut(); $(modal_id).css({ display: "none" }) } + var defaults = { overlay: .5, closeButton: ".modal_close" }; var overlay = $('
'); if (!$("#lean_overlay").length) { $("body").append(overlay) } + options = $.extend(defaults, options); return this.each(function () { var _options = options; $(this).on("click", function (e) { var modal_id = _options.id; $("#lean_overlay").on("click", function () { close_modal(modal_id) }); $(_options.closeButton).on("click", function () { close_modal(modal_id) }); var modal_height = $(modal_id).outerHeight(); var modal_width = $(modal_id).outerWidth(); $("#lean_overlay").css({ display: "block", opacity: 0 }); $("#lean_overlay").stop(true, true).fadeTo(200, _options.overlay); $(modal_id).css({ display: "block", position: "fixed", opacity: 0, "z-index": 11e3, left: 50 + "%", "margin-left": -(modal_width / 2) + "px" }); $(modal_id).stop(true, true).fadeTo(200, 1).addClass('active'); return false }) }) + } + }) +})(jQuery); (function ($, window, document, undefined) { + var pluginName = 'scrolly2'; function Plugin(element, options) { this.$element = $(element); this.init() } + Plugin.prototype.init = function () { var self = this; this.startPosition = 0; this.offsetTop = this.$element.offset().top; this.height = this.$element.outerHeight(true); this.velocity = this.$element.attr('data-velocity'); this.direction = this.$element.attr('data-direction'); $(window).bind('scroll', function () { self.scrolly2() }) }; Plugin.prototype.scrolly2 = function () { + var viewTop = $(window).scrollTop() - 20; var viewBottom = $(window).scrollTop() + $(window).height() + 20; var elemTop = this.$element.offset().top; var elemBottom = this.$element.offset().top + this.$element.height(); if (elemTop >= viewBottom || elemBottom <= viewTop) { return } + if (this.$element.offset().top > $(window).height()) { if (this.direction !== 'none') { this.startPosition = (this.$element.offset().top - $(window).height()) * Math.abs(this.velocity) } } + var position = this.startPosition + $(window).scrollTop() * this.velocity; var xPos = "50%"; var yPos = "50%"; if (this.direction === 'left') { xPos = position + 'px' } else if (this.direction === 'right') { xPos = 'calc(100% + ' + -position + 'px)' } else if (this.direction === 'down') { var offset = -($(window).height() - this.$element.offset().top - this.$element.height() - parseInt(this.$element.css('paddingTop')) - parseInt(this.$element.css('paddingBottom'))); yPos = 'calc(100% + ' + (offset - $(window).scrollTop() - position) + 'px)' } else { yPos = (this.$element.offset().top - $(window).scrollTop() + position) + 'px' } + this.$element.css({ backgroundPosition: xPos + ' ' + yPos }) + }; $.fn[pluginName] = function (options) { return this.each(function () { if (!$.data(this, 'plugin_' + pluginName)) { $.data(this, 'plugin_' + pluginName, new Plugin(this, options)) } }) } +})(jQuery, window, document); (function () { + 'use strict'; var babelHelpers = {}; babelHelpers.classCallCheck = function (instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function") } }; babelHelpers.createClass = function () { + function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor) } } + return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor } + }(); babelHelpers; var sidrStatus = { moving: false, opened: false }; var helper = { + isUrl: function isUrl(str) { var pattern = new RegExp('^(https?:\\/\\/)?' + '((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.?)+[a-z]{2,}|' + '((\\d{1,3}\\.){3}\\d{1,3}))' + '(\\:\\d+)?(\\/[-a-z\\d%_.~+]*)*' + '(\\?[;&a-z\\d%_.~+=-]*)?' + '(\\#[-a-z\\d_]*)?$', 'i'); if (pattern.test(str)) { return true } else { return false } }, addPrefixes: function addPrefixes($element) { this.addPrefix($element, 'id'); this.addPrefix($element, 'class'); $element.removeAttr('style') }, addPrefix: function addPrefix($element, attribute) { var toReplace = $element.attr(attribute); if (typeof toReplace === 'string' && toReplace !== '' && toReplace !== 'sidr-inner') { $element.attr(attribute, toReplace.replace(/([A-Za-z0-9_.\-]+)/g, 'sidr-' + attribute + '-$1')) } }, transitions: function () { + var body = document.body || document.documentElement, style = body.style, supported = false, property = 'transition'; if (property in style) { supported = true } else { + (function () { + var prefixes = ['moz', 'webkit', 'o', 'ms'], prefix = undefined, i = undefined; property = property.charAt(0).toUpperCase() + property.substr(1); supported = function () { + for (i = 0; i < prefixes.length; i++) { prefix = prefixes[i]; if (prefix + property in style) { return true } } + return false + }(); property = supported ? '-' + prefix.toLowerCase() + '-' + property.toLowerCase() : null + })() + } + return { supported: supported, property: property } + }() + }; var $$2 = jQuery; var bodyAnimationClass = 'sidr-animating'; var openAction = 'open'; var closeAction = 'close'; var transitionEndEvent = 'webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend'; var Menu = function () { + function Menu(name) { babelHelpers.classCallCheck(this, Menu); this.name = name; this.item = $$2('#' + name); this.openClass = name === 'sidr' ? 'sidr-open' : 'sidr-open ' + name + '-open'; this.menuWidth = this.item.outerWidth(true); this.speed = this.item.data('speed'); this.side = this.item.data('side'); this.displace = this.item.data('displace'); this.timing = this.item.data('timing'); this.method = this.item.data('method'); this.onOpenCallback = this.item.data('onOpen'); this.onCloseCallback = this.item.data('onClose'); this.onOpenEndCallback = this.item.data('onOpenEnd'); this.onCloseEndCallback = this.item.data('onCloseEnd'); this.body = $$2(this.item.data('body')) } + babelHelpers.createClass(Menu, [{ + key: 'getAnimation', value: function getAnimation(action, element) { + var animation = {}, prop = this.side; if (action === 'open' && element === 'body') { animation[prop] = this.menuWidth + 'px' } else if (action === 'close' && element === 'menu') { animation[prop] = '-' + this.menuWidth + 'px' } else { animation[prop] = 0 } + return animation + } + }, { key: 'prepareBody', value: function prepareBody(action) { var prop = action === 'open' ? 'hidden' : ''; if (this.body.is('body')) { var $html = $$2('html'), scrollTop = $html.scrollTop(); if (this.displace) { $html.css('overflow-x', prop).scrollTop(scrollTop) } else { $html.css('overflow', prop).scrollTop(scrollTop) } } } }, { key: 'openBody', value: function openBody() { if (this.displace) { var transitions = helper.transitions, $body = this.body; if (transitions.supported) { $body.css(transitions.property, this.side + ' ' + this.speed / 1000 + 's ' + this.timing).css(this.side, 0).css({ width: $body.width(), position: 'absolute' }); $body.css(this.side, this.menuWidth + 'px') } else { var bodyAnimation = this.getAnimation(openAction, 'body'); $body.css({ width: $body.width(), position: 'absolute' }).animate(bodyAnimation, { queue: false, duration: this.speed }) } } } }, { + key: 'onCloseBody', value: function onCloseBody() { + var transitions = helper.transitions, resetStyles = { width: '', position: '', right: '', left: '' }; if (transitions.supported) { resetStyles[transitions.property] = '' } + this.body.css(resetStyles).unbind(transitionEndEvent) + } + }, { key: 'closeBody', value: function closeBody() { var _this = this; if (this.displace) { if (helper.transitions.supported) { this.body.css(this.side, 0).one(transitionEndEvent, function () { _this.onCloseBody() }) } else { var bodyAnimation = this.getAnimation(closeAction, 'body'); this.body.animate(bodyAnimation, { queue: false, duration: this.speed, complete: function complete() { _this.onCloseBody() } }) } } } }, { key: 'moveBody', value: function moveBody(action) { if (action === openAction) { this.openBody() } else { this.closeBody() } } }, { key: 'onOpenMenu', value: function onOpenMenu(callback) { var name = this.name; sidrStatus.moving = false; sidrStatus.opened = name; this.item.unbind(transitionEndEvent); this.body.removeClass(bodyAnimationClass).addClass(this.openClass); this.onOpenEndCallback(); if (typeof callback === 'function') { callback(name) } } }, { key: 'openMenu', value: function openMenu(callback) { var _this2 = this; var $item = this.item; if (helper.transitions.supported) { $item.css(this.side, 0).one(transitionEndEvent, function () { _this2.onOpenMenu(callback) }) } else { var menuAnimation = this.getAnimation(openAction, 'menu'); $item.css('display', 'block').animate(menuAnimation, { queue: false, duration: this.speed, complete: function complete() { _this2.onOpenMenu(callback) } }) } } }, { key: 'onCloseMenu', value: function onCloseMenu(callback) { this.item.css({ left: '', right: '' }).unbind(transitionEndEvent); sidrStatus.moving = false; sidrStatus.opened = false; this.body.removeClass(bodyAnimationClass).removeClass(this.openClass); $$2('html').css('overflow', ''); this.onCloseEndCallback(); if (typeof callback === 'function') { callback(name) } } }, { key: 'closeMenu', value: function closeMenu(callback) { var _this3 = this; var item = this.item; if (helper.transitions.supported) { item.css(this.side, '').one(transitionEndEvent, function () { _this3.onCloseMenu(callback) }) } else { var menuAnimation = this.getAnimation(closeAction, 'menu'); item.animate(menuAnimation, { queue: false, duration: this.speed, complete: function complete() { _this3.onCloseMenu() } }) } } }, { key: 'moveMenu', value: function moveMenu(action, callback) { this.body.addClass(bodyAnimationClass); if (action === openAction) { this.openMenu(callback) } else { this.closeMenu(callback) } } }, { key: 'move', value: function move(action, callback) { sidrStatus.moving = true; this.prepareBody(action); this.moveBody(action); this.moveMenu(action, callback) } }, { + key: 'open', value: function open(callback) { + var _this4 = this; if (sidrStatus.opened === this.name || sidrStatus.moving) { return } + if (sidrStatus.opened !== false) { var alreadyOpenedMenu = new Menu(sidrStatus.opened); alreadyOpenedMenu.close(function () { _this4.open(callback) }); return } + this.move('open', callback); this.onOpenCallback() + } + }, { + key: 'close', value: function close(callback) { + if (sidrStatus.opened !== this.name || sidrStatus.moving) { return } + this.move('close', callback); this.onCloseCallback() + } + }, { key: 'toggle', value: function toggle(callback) { if (sidrStatus.opened === this.name) { this.close(callback) } else { this.open(callback) } } }]); return Menu + }(); var $$1 = jQuery; function execute(action, name, callback) { var sidr = new Menu(name); switch (action) { case 'open': sidr.open(callback); break; case 'close': sidr.close(callback); break; case 'toggle': sidr.toggle(callback); break; default: $$1.error('Method ' + action + ' does not exist on jQuery.sidr'); break } } + var i; var $ = jQuery; var publicMethods = ['open', 'close', 'toggle']; var methodName; var methods = {}; var getMethod = function getMethod(methodName) { + return function (name, callback) { + if (typeof name === 'function') { callback = name; name = 'sidr' } else if (!name) { name = 'sidr' } + execute(methodName, name, callback) + } + }; for (i = 0; i < publicMethods.length; i++) { methodName = publicMethods[i]; methods[methodName] = getMethod(methodName) } + function sidr(method) { if (method === 'status') { return sidrStatus } else if (methods[method]) { return methods[method].apply(this, Array.prototype.slice.call(arguments, 1)) } else if (typeof method === 'function' || typeof method === 'string' || !method) { return methods.toggle.apply(this, arguments) } else { $.error('Method ' + method + ' does not exist on jQuery.sidr') } } + var $$3 = jQuery; function fillContent($sideMenu, settings) { + if (typeof settings.source === 'function') { var newContent = settings.source(name); $sideMenu.html(newContent) } else if (typeof settings.source === 'string' && helper.isUrl(settings.source)) { $$3.get(settings.source, function (data) { $sideMenu.html(data) }) } else if (typeof settings.source === 'string') { + var htmlContent = '', selectors = settings.source.split(','); $$3.each(selectors, function (index, element) { htmlContent += '
' + $$3(element).html() + '
' }); if (settings.renaming) { var $htmlContent = $$3('
').html(htmlContent); $htmlContent.find('*').each(function (index, element) { var $element = $$3(element); helper.addPrefixes($element) }); htmlContent = $htmlContent.html() } + $sideMenu.html(htmlContent) + } else if (settings.source !== null) { $$3.error('Invalid Sidr Source') } + return $sideMenu + } + function fnSidr(options) { + var transitions = helper.transitions, settings = $$3.extend({ name: 'sidr', speed: 200, side: 'left', source: null, renaming: true, body: 'body', displace: true, timing: 'ease', method: 'toggle', bind: 'touchstart click', onOpen: function onOpen() { }, onClose: function onClose() { }, onOpenEnd: function onOpenEnd() { }, onCloseEnd: function onCloseEnd() { } }, options), name = settings.name, $sideMenu = $$3('#' + name); if ($sideMenu.length === 0) { $sideMenu = $$3('
').attr('id', name).appendTo($$3('body')) } + if (transitions.supported) { $sideMenu.css(transitions.property, settings.side + ' ' + settings.speed / 1000 + 's ' + settings.timing) } + $sideMenu.addClass('sidr').addClass(settings.side).data({ speed: settings.speed, side: settings.side, body: settings.body, displace: settings.displace, timing: settings.timing, method: settings.method, onOpen: settings.onOpen, onClose: settings.onClose, onOpenEnd: settings.onOpenEnd, onCloseEnd: settings.onCloseEnd }); $sideMenu = fillContent($sideMenu, settings); return this.each(function () { var $this = $$3(this), data = $this.data('sidr'), flag = false; if (!data) { sidrStatus.moving = false; sidrStatus.opened = false; $this.data('sidr', name); $this.bind(settings.bind, function (event) { event.preventDefault(); if (!flag) { flag = true; sidr(settings.method, name); setTimeout(function () { flag = false }, 100) } }) } }) + } + jQuery.sidr = sidr; jQuery.fn.sidr = fnSidr +}()); (function ($, w) { + "use strict"; var methods = (function () { + var c = { bcClass: 'sf-breadcrumb', menuClass: 'sf-js-enabled', anchorClass: 'sf-with-ul', menuArrowClass: 'sf-arrows' }, ios = (function () { + var ios = /^(?![\w\W]*Windows Phone)[\w\W]*(iPhone|iPad|iPod)/i.test(navigator.userAgent); if (ios) { $('html').css('cursor', 'pointer').on('click', $.noop) } + return ios + })(), wp7 = (function () { var style = document.documentElement.style; return ('behavior' in style && 'fill' in style && /iemobile/i.test(navigator.userAgent)) })(), unprefixedPointerEvents = (function () { return (!!w.PointerEvent) })(), toggleMenuClasses = function ($menu, o, add) { + var classes = c.menuClass, method; if (o.cssArrows) { classes += ' ' + c.menuArrowClass } + method = (add) ? 'addClass' : 'removeClass'; $menu[method](classes) + }, setPathToCurrent = function ($menu, o) { return $menu.find('li.' + o.pathClass).slice(0, o.pathLevels).addClass(o.hoverClass + ' ' + c.bcClass).filter(function () { return ($(this).children(o.popUpSelector).hide().show().length) }).removeClass(o.pathClass) }, toggleAnchorClass = function ($li, add) { var method = (add) ? 'addClass' : 'removeClass'; $li.children('a')[method](c.anchorClass) }, toggleTouchAction = function ($menu) { var msTouchAction = $menu.css('ms-touch-action'); var touchAction = $menu.css('touch-action'); touchAction = touchAction || msTouchAction; touchAction = (touchAction === 'pan-y') ? 'auto' : 'pan-y'; $menu.css({ 'ms-touch-action': touchAction, 'touch-action': touchAction }) }, getMenu = function ($el) { return $el.closest('.' + c.menuClass) }, getOptions = function ($el) { return getMenu($el).data('sfOptions') }, over = function () { var $this = $(this), o = getOptions($this); clearTimeout(o.sfTimer); $this.siblings().superfish('hide').end().superfish('show') }, close = function (o) { o.retainPath = ($.inArray(this[0], o.$path) > -1); this.superfish('hide'); if (!this.parents('.' + o.hoverClass).length) { o.onIdle.call(getMenu(this)); if (o.$path.length) { $.proxy(over, o.$path)() } } }, out = function () { + var $this = $(this), o = getOptions($this); if (ios) { $.proxy(close, $this, o)() } + else { clearTimeout(o.sfTimer); o.sfTimer = setTimeout($.proxy(close, $this, o), o.delay) } + }, touchHandler = function (e) { + var $this = $(this), o = getOptions($this), $ul = $this.siblings(e.data.popUpSelector); if (o.onHandleTouch.call($ul) === false) { return this } + if ($ul.length > 0 && $ul.is(':hidden')) { $this.one('click.superfish', false); if (e.type === 'MSPointerDown' || e.type === 'pointerdown') { $this.trigger('focus') } else { $.proxy(over, $this.parent('li'))() } } + }, applyHandlers = function ($menu, o) { + var targets = 'li:has(' + o.popUpSelector + ')'; if ($.fn.hoverIntent && !o.disableHI) { $menu.hoverIntent(over, out, targets) } + else { $menu.on('mouseenter.superfish', targets, over).on('mouseleave.superfish', targets, out) } + var touchevent = 'MSPointerDown.superfish'; if (unprefixedPointerEvents) { touchevent = 'pointerdown.superfish' } + if (!ios) { touchevent += ' touchend.superfish' } + if (wp7) { touchevent += ' mousedown.superfish' } + $menu.on('focusin.superfish', 'li', over).on('focusout.superfish', 'li', out).on(touchevent, 'a', o, touchHandler) + }; return { + hide: function (instant) { + if (this.length) { + var $this = this, o = getOptions($this); if (!o) { return this } + var not = (o.retainPath === true) ? o.$path : '', $ul = $this.find('li.' + o.hoverClass).add(this).not(not).removeClass(o.hoverClass).children(o.popUpSelector), speed = o.speedOut; if (instant) { $ul.show(); speed = 0 } + o.retainPath = false; if (o.onBeforeHide.call($ul) === false) { return this } + $ul.stop(true, true).animate(o.animationOut, speed, function () { var $this = $(this); o.onHide.call($this) }) + } + return this + }, show: function () { + var o = getOptions(this); if (!o) { return this } + var $this = this.addClass(o.hoverClass), $ul = $this.children(o.popUpSelector); if (o.onBeforeShow.call($ul) === false) { return this } + $ul.stop(true, true).animate(o.animation, o.speed, function () { o.onShow.call($ul) }); return this + }, destroy: function () { + return this.each(function () { + var $this = $(this), o = $this.data('sfOptions'), $hasPopUp; if (!o) { return false } + $hasPopUp = $this.find(o.popUpSelector).parent('li'); clearTimeout(o.sfTimer); toggleMenuClasses($this, o); toggleAnchorClass($hasPopUp); toggleTouchAction($this); $this.off('.superfish').off('.hoverIntent'); $hasPopUp.children(o.popUpSelector).attr('style', function (i, style) { return style.replace(/display[^;]+;?/g, '') }); o.$path.removeClass(o.hoverClass + ' ' + c.bcClass).addClass(o.pathClass); $this.find('.' + o.hoverClass).removeClass(o.hoverClass); o.onDestroy.call($this); $this.removeData('sfOptions') + }) + }, init: function (op) { + return this.each(function () { + var $this = $(this); if ($this.data('sfOptions')) { return false } + var o = $.extend({}, $.fn.superfish.defaults, op), $hasPopUp = $this.find(o.popUpSelector).parent('li'); o.$path = setPathToCurrent($this, o); $this.data('sfOptions', o); toggleMenuClasses($this, o, true); toggleAnchorClass($hasPopUp, true); toggleTouchAction($this); applyHandlers($this, o); $hasPopUp.not('.' + c.bcClass).superfish('hide', true); o.onInit.call(this) + }) + } + } + })(); $.fn.superfish = function (method, args) { + if (methods[method]) { return methods[method].apply(this, Array.prototype.slice.call(arguments, 1)) } + else if (typeof method === 'object' || !method) { return methods.init.apply(this, arguments) } + else { return $.error('Method ' + method + ' does not exist on jQuery.fn.superfish') } + }; $.fn.superfish.defaults = { popUpSelector: 'ul,.sf-mega', hoverClass: 'sfHover', pathClass: 'overrideThisToUse', pathLevels: 1, delay: 800, animation: { opacity: 'show' }, animationOut: { opacity: 'hide' }, speed: 'normal', speedOut: 'fast', cssArrows: true, disableHI: false, onInit: $.noop, onBeforeShow: $.noop, onShow: $.noop, onBeforeHide: $.noop, onHide: $.noop, onIdle: $.noop, onDestroy: $.noop, onHandleTouch: $.noop } +})(jQuery, window); (function ($) { $.fn.supersubs = function (options) { var opts = $.extend({}, $.fn.supersubs.defaults, options); return this.each(function () { var $$ = $(this); var o = $.meta ? $.extend({}, opts, $$.data()) : opts; $ULs = $$.find("ul").show(); var fontsize = $('').css({ "padding": 0, "position": "absolute", "top": "-999em", "width": "auto" }).appendTo($$)[0].clientWidth; $("#menu-fontsize").remove(); $ULs.each(function (i) { var $ul = $(this); var $LIs = $ul.children(); var $As = $LIs.children("a"); var liFloat = $LIs.css("white-space", "nowrap").css("float"); $ul.add($LIs).add($As).css({ "float": "none", "width": "auto" }); var emWidth = $ul[0].clientWidth / fontsize; emWidth += o.extraWidth; if (emWidth > o.maxWidth) emWidth = o.maxWidth; else if (emWidth < o.minWidth) emWidth = o.minWidth; emWidth += "em"; $ul.css("width", emWidth); $LIs.css({ "float": liFloat, "width": "100%", "white-space": "normal" }).each(function () { var $childUl = $(this).children("ul"); var offsetDirection = $childUl.css("left") !== undefined ? "left" : "right"; $childUl.css(offsetDirection, "100%") }) }).hide() }) }; $.fn.supersubs.defaults = { minWidth: 9, maxWidth: 25, extraWidth: 0 } })(jQuery); (function ($) { function maybeCall(thing, ctx) { return typeof thing == "function" ? thing.call(ctx) : thing } function isElementInDOM(ele) { while (ele = ele.parentNode) if (ele == document) return true; return false } function Tipsy(element, options) { this.$element = $(element); this.options = options; this.enabled = true; this.fixTitle() } Tipsy.prototype = { show: function () { var title = this.getTitle(); if (title && this.enabled) { var $tip = this.tip(); $tip.find(".tipsy-inner")[this.options.html ? "html" : "text"](title); $tip[0].className = "tipsy"; $tip.remove().css({ top: 0, left: 0, visibility: "hidden", display: "block" }).prependTo(document.body); var pos = $.extend({}, this.$element.offset(), { width: this.$element[0].offsetWidth, height: this.$element[0].offsetHeight }); var actualWidth = $tip[0].offsetWidth, actualHeight = $tip[0].offsetHeight, gravity = maybeCall(this.options.gravity, this.$element[0]); var tp; switch (gravity.charAt(0)) { case "n": tp = { top: pos.top + pos.height + this.options.offset, left: pos.left + pos.width / 2 - actualWidth / 2 }; break; case "s": tp = { top: pos.top - actualHeight - this.options.offset, left: pos.left + pos.width / 2 - actualWidth / 2 }; break; case "e": tp = { top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left - actualWidth - this.options.offset }; break; case "w": tp = { top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left + pos.width + this.options.offset }; break }if (gravity.length == 2) if (gravity.charAt(1) == "w") tp.left = pos.left + pos.width / 2 - 15; else tp.left = pos.left + pos.width / 2 - actualWidth + 15; $tip.css(tp).addClass("tipsy-" + gravity); $tip.find(".tipsy-arrow")[0].className = "tipsy-arrow tipsy-arrow-" + gravity.charAt(0); if (this.options.className) $tip.addClass(maybeCall(this.options.className, this.$element[0])); if (this.options.fade) $tip.stop().css({ opacity: 0, display: "block", visibility: "visible" }).animate({ opacity: this.options.opacity }); else $tip.css({ visibility: "visible", opacity: this.options.opacity }) } }, hide: function () { if (this.options.fade) this.tip().stop().fadeOut(function () { $(this).remove() }); else this.tip().remove() }, fixTitle: function () { var $e = this.$element; if ($e.attr("title") || typeof $e.attr("original-title") != "string") $e.attr("original-title", $e.attr("title") || "").removeAttr("title") }, getTitle: function () { var title, $e = this.$element, o = this.options; this.fixTitle(); var title, o = this.options; if (typeof o.title == "string") title = $e.attr(o.title == "title" ? "original-title" : o.title); else if (typeof o.title == "function") title = o.title.call($e[0]); title = ("" + title).replace(/(^\s*|\s*$)/, ""); return title || o.fallback }, tip: function () { if (!this.$tip) { this.$tip = $('
').html('
'); this.$tip.data("tipsy-pointee", this.$element[0]) } return this.$tip }, validate: function () { if (!this.$element[0].parentNode) { this.hide(); this.$element = null; this.options = null } }, enable: function () { this.enabled = true }, disable: function () { this.enabled = false }, toggleEnabled: function () { this.enabled = !this.enabled } }; $.fn.tipsy = function (options) { if (options === true) return this.data("tipsy"); else if (typeof options == "string") { var tipsy = this.data("tipsy"); if (tipsy) tipsy[options](); return this } options = $.extend({}, $.fn.tipsy.defaults, options); function get(ele) { var tipsy = $.data(ele, "tipsy"); if (!tipsy) { tipsy = new Tipsy(ele, $.fn.tipsy.elementOptions(ele, options)); $.data(ele, "tipsy", tipsy) } return tipsy } function enter() { var tipsy = get(this); tipsy.hoverState = "in"; if (options.delayIn == 0) tipsy.show(); else { tipsy.fixTitle(); setTimeout(function () { if (tipsy.hoverState == "in") tipsy.show() }, options.delayIn) } } function leave() { var tipsy = get(this); tipsy.hoverState = "out"; if (options.delayOut == 0) tipsy.hide(); else setTimeout(function () { if (tipsy.hoverState == "out") tipsy.hide() }, options.delayOut) } if (!options.live) this.each(function () { get(this) }); if (options.trigger != "manual") { var binder = options.live ? "live" : "bind", eventIn = options.trigger == "hover" ? "mouseenter" : "focus", eventOut = options.trigger == "hover" ? "mouseleave" : "blur"; this[binder](eventIn, enter)[binder](eventOut, leave) } return this }; $.fn.tipsy.defaults = { className: null, delayIn: 0, delayOut: 0, fade: false, fallback: "", gravity: "n", html: false, live: false, offset: 0, opacity: 0.8, title: "title", trigger: "hover" }; $.fn.tipsy.revalidate = function () { $(".tipsy").each(function () { var pointee = $.data(this, "tipsy-pointee"); if (!pointee || !isElementInDOM(pointee)) $(this).remove() }) }; $.fn.tipsy.elementOptions = function (ele, options) { return $.metadata ? $.extend({}, options, $(ele).metadata()) : options }; $.fn.tipsy.autoNS = function () { return $(this).offset().top > $(document).scrollTop() + $(window).height() / 2 ? "s" : "n" }; $.fn.tipsy.autoWE = function () { return $(this).offset().left > $(document).scrollLeft() + $(window).width() / 2 ? "e" : "w" }; $.fn.tipsy.autoBounds = function (margin, prefer) { return function () { var dir = { ns: prefer[0], ew: prefer.length > 1 ? prefer[1] : false }, boundTop = $(document).scrollTop() + margin, boundLeft = $(document).scrollLeft() + margin, $this = $(this); if ($this.offset().top < boundTop) dir.ns = "n"; if ($this.offset().left < boundLeft) dir.ew = "w"; if ($(window).width() + $(document).scrollLeft() - $this.offset().left < margin) dir.ew = "e"; if ($(window).height() + $(document).scrollTop() - $this.offset().top < margin) dir.ns = "s"; return dir.ns + (dir.ew ? dir.ew : "") } } })(jQuery); !function (a, b) { "use strict"; if ("function" != typeof a.createEvent) return false; var c, d, e, f, g, h, i, j, k = "undefined" != typeof jQuery, l = function (a) { var b = a.toLowerCase(), c = "MS" + a; return navigator.msPointerEnabled ? c : b }, m = false, n = { touchstart: l("PointerDown") + " touchstart", touchend: l("PointerUp") + " touchend", touchmove: l("PointerMove") + " touchmove" }, o = function (a, b, c) { for (var d = b.split(" "), e = d.length; e--;)a.addEventListener(d[e], c, false) }, p = function (a) { return a.targetTouches ? a.targetTouches[0] : a }, q = function () { return (new Date).getTime() }, r = function (b, e, f, g) { var h = a.createEvent("Event"); if (h.originalEvent = f, g = g || {}, g.x = c, g.y = d, g.distance = g.distance, k && (h = jQuery.Event(e, { originalEvent: f }), jQuery(b).trigger(h, g)), h.initEvent) { for (var i in g) h[i] = g[i]; h.initEvent(e, true, true), b.dispatchEvent(h) } for (; b;)b["on" + e] && b["on" + e](h), b = b.parentNode }, s = function (a) { if ("mousedown" !== a.type && (m = true), "mousedown" !== a.type || !m) { var b = p(a); e = c = b.pageX, f = d = b.pageY, j = setTimeout(function () { r(a.target, "longtap", a), h = a.target }, y), g = q(), B++ } }, t = function (a) { if ("mouseup" === a.type && m) return void (m = false); var b = [], k = q(), l = f - d, n = e - c; if (clearTimeout(i), clearTimeout(j), -v >= n && b.push("swiperight"), n >= v && b.push("swipeleft"), -v >= l && b.push("swipedown"), l >= v && b.push("swipeup"), b.length) { for (var o = 0; o < b.length; o++) { var p = b[o]; r(a.target, p, a, { distance: { x: Math.abs(n), y: Math.abs(l) } }) } B = 0 } else e >= c - z && c + z >= e && f >= d - z && d + z >= f && g + w - k >= 0 && (r(a.target, B >= 2 && h === a.target ? "dbltap" : "tap", a), h = a.target), i = setTimeout(function () { B = 0 }, x) }, u = function (a) { if ("mousemove" !== a.type || !m) { var b = p(a); c = b.pageX, d = b.pageY } }, v = b.SWIPE_THRESHOLD || 100, w = b.TAP_THRESHOLD || 150, x = b.DBL_TAP_THRESHOLD || 200, y = b.LONG_TAP_THRESHOLD || 1e3, z = b.TAP_PRECISION / 2 || 30, A = b.JUST_ON_TOUCH_DEVICES, B = 0; o(a, n.touchstart + (A ? "" : " mousedown"), s), o(a, n.touchend + (A ? "" : " mouseup"), t), o(a, n.touchmove + (A ? "" : " mousemove"), u) }(document, window); (function (a) { if (typeof define === "function" && define.amd && define.amd.jQuery) { define(["jquery"], a) } else { a(jQuery) } }(function (f) { var p = "left", o = "right", e = "up", x = "down", c = "in", z = "out", m = "none", s = "auto", l = "swipe", t = "pinch", A = "tap", j = "doubletap", b = "longtap", y = "hold", D = "horizontal", u = "vertical", i = "all", r = 10, g = "start", k = "move", h = "end", q = "cancel", a = "ontouchstart" in window, v = window.navigator.msPointerEnabled && !window.navigator.pointerEnabled, d = window.navigator.pointerEnabled || window.navigator.msPointerEnabled, B = "TouchSwipe"; var n = { fingers: 1, threshold: 75, cancelThreshold: null, pinchThreshold: 20, maxTimeThreshold: null, fingerReleaseThreshold: 250, longTapThreshold: 500, doubleTapThreshold: 200, swipe: null, swipeLeft: null, swipeRight: null, swipeUp: null, swipeDown: null, swipeStatus: null, pinchIn: null, pinchOut: null, pinchStatus: null, click: null, tap: null, doubleTap: null, longTap: null, hold: null, triggerOnTouchEnd: true, triggerOnTouchLeave: false, allowPageScroll: "auto", fallbackToMouseEvents: true, excludedElements: "label, button, input, select, textarea, a, .noSwipe" }; f.fn.swipe = function (G) { var F = f(this), E = F.data(B); if (E && typeof G === "string") { if (E[G]) { return E[G].apply(this, Array.prototype.slice.call(arguments, 1)) } else { f.error("Method " + G + " does not exist on jQuery.swipe") } } else { if (!E && (typeof G === "object" || !G)) { return w.apply(this, arguments) } } return F }; f.fn.swipe.defaults = n; f.fn.swipe.phases = { PHASE_START: g, PHASE_MOVE: k, PHASE_END: h, PHASE_CANCEL: q }; f.fn.swipe.directions = { LEFT: p, RIGHT: o, UP: e, DOWN: x, IN: c, OUT: z }; f.fn.swipe.pageScroll = { NONE: m, HORIZONTAL: D, VERTICAL: u, AUTO: s }; f.fn.swipe.fingers = { ONE: 1, TWO: 2, THREE: 3, ALL: i }; function w(E) { if (E && (E.allowPageScroll === undefined && (E.swipe !== undefined || E.swipeStatus !== undefined))) { E.allowPageScroll = m } if (E.click !== undefined && E.tap === undefined) { E.tap = E.click } if (!E) { E = {} } E = f.extend({}, f.fn.swipe.defaults, E); return this.each(function () { var G = f(this); var F = G.data(B); if (!F) { F = new C(this, E); G.data(B, F) } }) } function C(a4, av) { var az = (a || d || !av.fallbackToMouseEvents), J = az ? (d ? (v ? "MSPointerDown" : "pointerdown") : "touchstart") : "mousedown", ay = az ? (d ? (v ? "MSPointerMove" : "pointermove") : "touchmove") : "mousemove", U = az ? (d ? (v ? "MSPointerUp" : "pointerup") : "touchend") : "mouseup", S = az ? null : "mouseleave", aD = (d ? (v ? "MSPointerCancel" : "pointercancel") : "touchcancel"); var ag = 0, aP = null, ab = 0, a1 = 0, aZ = 0, G = 1, aq = 0, aJ = 0, M = null; var aR = f(a4); var Z = "start"; var W = 0; var aQ = null; var T = 0, a2 = 0, a5 = 0, ad = 0, N = 0; var aW = null, af = null; try { aR.bind(J, aN); aR.bind(aD, a9) } catch (ak) { f.error("events not supported " + J + "," + aD + " on jQuery.swipe") } this.enable = function () { aR.bind(J, aN); aR.bind(aD, a9); return aR }; this.disable = function () { aK(); return aR }; this.destroy = function () { aK(); aR.data(B, null); return aR }; this.option = function (bc, bb) { if (av[bc] !== undefined) { if (bb === undefined) { return av[bc] } else { av[bc] = bb } } else { f.error("Option " + bc + " does not exist on jQuery.swipe.options") } return null }; function aN(bd) { if (aB()) { return } if (f(bd.target).closest(av.excludedElements, aR).length > 0) { return } var be = bd.originalEvent ? bd.originalEvent : bd; var bc, bb = a ? be.touches[0] : be; Z = g; if (a) { W = be.touches.length } else { bd.preventDefault() } ag = 0; aP = null; aJ = null; ab = 0; a1 = 0; aZ = 0; G = 1; aq = 0; aQ = aj(); M = aa(); R(); if (!a || (W === av.fingers || av.fingers === i) || aX()) { ai(0, bb); T = at(); if (W == 2) { ai(1, be.touches[1]); a1 = aZ = au(aQ[0].start, aQ[1].start) } if (av.swipeStatus || av.pinchStatus) { bc = O(be, Z) } } else { bc = false } if (bc === false) { Z = q; O(be, Z); return bc } else { if (av.hold) { af = setTimeout(f.proxy(function () { aR.trigger("hold", [be.target]); if (av.hold) { bc = av.hold.call(aR, be, be.target) } }, this), av.longTapThreshold) } ao(true) } return null } function a3(be) { var bh = be.originalEvent ? be.originalEvent : be; if (Z === h || Z === q || am()) { return } var bd, bc = a ? bh.touches[0] : bh; var bf = aH(bc); a2 = at(); if (a) { W = bh.touches.length } if (av.hold) { clearTimeout(af) } Z = k; if (W == 2) { if (a1 == 0) { ai(1, bh.touches[1]); a1 = aZ = au(aQ[0].start, aQ[1].start) } else { aH(bh.touches[1]); aZ = au(aQ[0].end, aQ[1].end); aJ = ar(aQ[0].end, aQ[1].end) } G = a7(a1, aZ); aq = Math.abs(a1 - aZ) } if ((W === av.fingers || av.fingers === i) || !a || aX()) { aP = aL(bf.start, bf.end); al(be, aP); ag = aS(bf.start, bf.end); ab = aM(); aI(aP, ag); if (av.swipeStatus || av.pinchStatus) { bd = O(bh, Z) } if (!av.triggerOnTouchEnd || av.triggerOnTouchLeave) { var bb = true; if (av.triggerOnTouchLeave) { var bg = aY(this); bb = E(bf.end, bg) } if (!av.triggerOnTouchEnd && bb) { Z = aC(k) } else { if (av.triggerOnTouchLeave && !bb) { Z = aC(h) } } if (Z == q || Z == h) { O(bh, Z) } } } else { Z = q; O(bh, Z) } if (bd === false) { Z = q; O(bh, Z) } } function L(bb) { var bc = bb.originalEvent; if (a) { if (bc.touches.length > 0) { F(); return true } } if (am()) { W = ad } a2 = at(); ab = aM(); if (ba() || !an()) { Z = q; O(bc, Z) } else { if (av.triggerOnTouchEnd || (av.triggerOnTouchEnd == false && Z === k)) { bb.preventDefault(); Z = h; O(bc, Z) } else { if (!av.triggerOnTouchEnd && a6()) { Z = h; aF(bc, Z, A) } else { if (Z === k) { Z = q; O(bc, Z) } } } } ao(false); return null } function a9() { W = 0; a2 = 0; T = 0; a1 = 0; aZ = 0; G = 1; R(); ao(false) } function K(bb) { var bc = bb.originalEvent; if (av.triggerOnTouchLeave) { Z = aC(h); O(bc, Z) } } function aK() { aR.unbind(J, aN); aR.unbind(aD, a9); aR.unbind(ay, a3); aR.unbind(U, L); if (S) { aR.unbind(S, K) } ao(false) } function aC(bf) { var be = bf; var bd = aA(); var bc = an(); var bb = ba(); if (!bd || bb) { be = q } else { if (bc && bf == k && (!av.triggerOnTouchEnd || av.triggerOnTouchLeave)) { be = h } else { if (!bc && bf == h && av.triggerOnTouchLeave) { be = q } } } return be } function O(bd, bb) { var bc = undefined; if (I() || V()) { bc = aF(bd, bb, l) } else { if ((P() || aX()) && bc !== false) { bc = aF(bd, bb, t) } } if (aG() && bc !== false) { bc = aF(bd, bb, j) } else { if (ap() && bc !== false) { bc = aF(bd, bb, b) } else { if (ah() && bc !== false) { bc = aF(bd, bb, A) } } } if (bb === q) { a9(bd) } if (bb === h) { if (a) { if (bd.touches.length == 0) { a9(bd) } } else { a9(bd) } } return bc } function aF(be, bb, bd) { var bc = undefined; if (bd == l) { aR.trigger("swipeStatus", [bb, aP || null, ag || 0, ab || 0, W, aQ]); if (av.swipeStatus) { bc = av.swipeStatus.call(aR, be, bb, aP || null, ag || 0, ab || 0, W, aQ); if (bc === false) { return false } } if (bb == h && aV()) { aR.trigger("swipe", [aP, ag, ab, W, aQ]); if (av.swipe) { bc = av.swipe.call(aR, be, aP, ag, ab, W, aQ); if (bc === false) { return false } } switch (aP) { case p: aR.trigger("swipeLeft", [aP, ag, ab, W, aQ]); if (av.swipeLeft) { bc = av.swipeLeft.call(aR, be, aP, ag, ab, W, aQ) } break; case o: aR.trigger("swipeRight", [aP, ag, ab, W, aQ]); if (av.swipeRight) { bc = av.swipeRight.call(aR, be, aP, ag, ab, W, aQ) } break; case e: aR.trigger("swipeUp", [aP, ag, ab, W, aQ]); if (av.swipeUp) { bc = av.swipeUp.call(aR, be, aP, ag, ab, W, aQ) } break; case x: aR.trigger("swipeDown", [aP, ag, ab, W, aQ]); if (av.swipeDown) { bc = av.swipeDown.call(aR, be, aP, ag, ab, W, aQ) } break } } } if (bd == t) { aR.trigger("pinchStatus", [bb, aJ || null, aq || 0, ab || 0, W, G, aQ]); if (av.pinchStatus) { bc = av.pinchStatus.call(aR, be, bb, aJ || null, aq || 0, ab || 0, W, G, aQ); if (bc === false) { return false } } if (bb == h && a8()) { switch (aJ) { case c: aR.trigger("pinchIn", [aJ || null, aq || 0, ab || 0, W, G, aQ]); if (av.pinchIn) { bc = av.pinchIn.call(aR, be, aJ || null, aq || 0, ab || 0, W, G, aQ) } break; case z: aR.trigger("pinchOut", [aJ || null, aq || 0, ab || 0, W, G, aQ]); if (av.pinchOut) { bc = av.pinchOut.call(aR, be, aJ || null, aq || 0, ab || 0, W, G, aQ) } break } } } if (bd == A) { if (bb === q || bb === h) { clearTimeout(aW); clearTimeout(af); if (Y() && !H()) { N = at(); aW = setTimeout(f.proxy(function () { N = null; aR.trigger("tap", [be.target]); if (av.tap) { bc = av.tap.call(aR, be, be.target) } }, this), av.doubleTapThreshold) } else { N = null; aR.trigger("tap", [be.target]); if (av.tap) { bc = av.tap.call(aR, be, be.target) } } } } else { if (bd == j) { if (bb === q || bb === h) { clearTimeout(aW); N = null; aR.trigger("doubletap", [be.target]); if (av.doubleTap) { bc = av.doubleTap.call(aR, be, be.target) } } } else { if (bd == b) { if (bb === q || bb === h) { clearTimeout(aW); N = null; aR.trigger("longtap", [be.target]); if (av.longTap) { bc = av.longTap.call(aR, be, be.target) } } } } } return bc } function an() { var bb = true; if (av.threshold !== null) { bb = ag >= av.threshold } return bb } function ba() { var bb = false; if (av.cancelThreshold !== null && aP !== null) { bb = (aT(aP) - ag) >= av.cancelThreshold } return bb } function ae() { if (av.pinchThreshold !== null) { return aq >= av.pinchThreshold } return true } function aA() { var bb; if (av.maxTimeThreshold) { if (ab >= av.maxTimeThreshold) { bb = false } else { bb = true } } else { bb = true } return bb } function al(bb, bc) { if (av.allowPageScroll === m || aX()) { bb.preventDefault() } else { var bd = av.allowPageScroll === s; switch (bc) { case p: if ((av.swipeLeft && bd) || (!bd && av.allowPageScroll != D)) { bb.preventDefault() } break; case o: if ((av.swipeRight && bd) || (!bd && av.allowPageScroll != D)) { bb.preventDefault() } break; case e: if ((av.swipeUp && bd) || (!bd && av.allowPageScroll != u)) { bb.preventDefault() } break; case x: if ((av.swipeDown && bd) || (!bd && av.allowPageScroll != u)) { bb.preventDefault() } break } } } function a8() { var bc = aO(); var bb = X(); var bd = ae(); return bc && bb && bd } function aX() { return !!(av.pinchStatus || av.pinchIn || av.pinchOut) } function P() { return !!(a8() && aX()) } function aV() { var be = aA(); var bg = an(); var bd = aO(); var bb = X(); var bc = ba(); var bf = !bc && bb && bd && bg && be; return bf } function V() { return !!(av.swipe || av.swipeStatus || av.swipeLeft || av.swipeRight || av.swipeUp || av.swipeDown) } function I() { return !!(aV() && V()) } function aO() { return ((W === av.fingers || av.fingers === i) || !a) } function X() { return aQ[0].end.x !== 0 } function a6() { return !!(av.tap) } function Y() { return !!(av.doubleTap) } function aU() { return !!(av.longTap) } function Q() { if (N == null) { return false } var bb = at(); return (Y() && ((bb - N) <= av.doubleTapThreshold)) } function H() { return Q() } function ax() { return ((W === 1 || !a) && (isNaN(ag) || ag < av.threshold)) } function a0() { return ((ab > av.longTapThreshold) && (ag < r)) } function ah() { return !!(ax() && a6()) } function aG() { return !!(Q() && Y()) } function ap() { return !!(a0() && aU()) } function F() { a5 = at(); ad = event.touches.length + 1 } function R() { a5 = 0; ad = 0 } function am() { var bb = false; if (a5) { var bc = at() - a5; if (bc <= av.fingerReleaseThreshold) { bb = true } } return bb } function aB() { return !!(aR.data(B + "_intouch") === true) } function ao(bb) { if (bb === true) { aR.bind(ay, a3); aR.bind(U, L); if (S) { aR.bind(S, K) } } else { aR.unbind(ay, a3, false); aR.unbind(U, L, false); if (S) { aR.unbind(S, K, false) } } aR.data(B + "_intouch", bb === true) } function ai(bc, bb) { var bd = bb.identifier !== undefined ? bb.identifier : 0; aQ[bc].identifier = bd; aQ[bc].start.x = aQ[bc].end.x = bb.pageX || bb.clientX; aQ[bc].start.y = aQ[bc].end.y = bb.pageY || bb.clientY; return aQ[bc] } function aH(bb) { var bd = bb.identifier !== undefined ? bb.identifier : 0; var bc = ac(bd); bc.end.x = bb.pageX || bb.clientX; bc.end.y = bb.pageY || bb.clientY; return bc } function ac(bc) { for (var bb = 0; bb < aQ.length; bb++) { if (aQ[bb].identifier == bc) { return aQ[bb] } } } function aj() { var bb = []; for (var bc = 0; bc <= 5; bc++) { bb.push({ start: { x: 0, y: 0 }, end: { x: 0, y: 0 }, identifier: 0 }) } return bb } function aI(bb, bc) { bc = Math.max(bc, aT(bb)); M[bb].distance = bc } function aT(bb) { if (M[bb]) { return M[bb].distance } return undefined } function aa() { var bb = {}; bb[p] = aw(p); bb[o] = aw(o); bb[e] = aw(e); bb[x] = aw(x); return bb } function aw(bb) { return { direction: bb, distance: 0 } } function aM() { return a2 - T } function au(be, bd) { var bc = Math.abs(be.x - bd.x); var bb = Math.abs(be.y - bd.y); return Math.round(Math.sqrt(bc * bc + bb * bb)) } function a7(bb, bc) { var bd = (bc / bb) * 1; return bd.toFixed(2) } function ar() { if (G < 1) { return z } else { return c } } function aS(bc, bb) { return Math.round(Math.sqrt(Math.pow(bb.x - bc.x, 2) + Math.pow(bb.y - bc.y, 2))) } function aE(be, bc) { var bb = be.x - bc.x; var bg = bc.y - be.y; var bd = Math.atan2(bg, bb); var bf = Math.round(bd * 180 / Math.PI); if (bf < 0) { bf = 360 - Math.abs(bf) } return bf } function aL(bc, bb) { var bd = aE(bc, bb); if ((bd <= 45) && (bd >= 0)) { return p } else { if ((bd <= 360) && (bd >= 315)) { return p } else { if ((bd >= 135) && (bd <= 225)) { return o } else { if ((bd > 45) && (bd < 135)) { return x } else { return e } } } } } function at() { var bb = new Date(); return bb.getTime() } function aY(bb) { bb = f(bb); var bd = bb.offset(); var bc = { left: bd.left, right: bd.left + bb.outerWidth(), top: bd.top, bottom: bd.top + bb.outerHeight() }; return bc } function E(bb, bc) { return (bb.x > bc.left && bb.x < bc.right && bb.y > bc.top && bb.y < bc.bottom) } } })); !function ($) { + "use strict"; var Typed = function (el, options) { this.el = $(el); this.options = $.extend({}, $.fn.typed.defaults, options); this.isInput = this.el.is('input'); this.attr = this.options.attr; this.showCursor = this.isInput ? false : this.options.showCursor; this.elContent = this.attr ? this.el.attr(this.attr) : this.el.text(); this.contentType = this.options.contentType; this.typeSpeed = this.options.typeSpeed; this.startDelay = this.options.startDelay; this.backSpeed = this.options.backSpeed; this.backDelay = this.options.backDelay; this.stringsElement = this.options.stringsElement; this.strings = this.options.strings; this.strPos = 0; this.arrayPos = 0; this.stopNum = 0; this.loop = this.options.loop; this.loopCount = this.options.loopCount; this.curLoop = 0; this.stop = false; this.cursorChar = this.options.cursorChar; this.shuffle = this.options.shuffle; this.sequence = []; this.build() }; Typed.prototype = { + constructor: Typed, init: function () { var self = this; self.timeout = setTimeout(function () { for (var i = 0; i < self.strings.length; ++i)self.sequence[i] = i; if (self.shuffle) self.sequence = self.shuffleArray(self.sequence); self.typewrite(self.strings[self.sequence[self.arrayPos]], self.strPos) }, self.startDelay) }, build: function () { + var self = this; if (this.showCursor === true) { this.cursor = $("" + this.cursorChar + ""); this.el.after(this.cursor) } + if (this.stringsElement) { this.strings = []; this.stringsElement.hide(); console.log(this.stringsElement.children()); var strings = this.stringsElement.children(); $.each(strings, function (key, value) { self.strings.push($(value).html()) }) } + this.init() + }, typewrite: function (curString, curStrPos) { + if (this.stop === true) { return } + var humanize = Math.round(Math.random() * (100 - 30)) + this.typeSpeed; var self = this; self.timeout = setTimeout(function () { + var charPause = 0; var substr = curString.substr(curStrPos); if (substr.charAt(0) === '^') { + var skip = 1; if (/^\^\d+/.test(substr)) { substr = /\d+/.exec(substr)[0]; skip += substr.length; charPause = parseInt(substr) } + curString = curString.substring(0, curStrPos) + curString.substring(curStrPos + skip) + } + if (self.contentType === 'html') { + var curChar = curString.substr(curStrPos).charAt(0) + if (curChar === '<' || curChar === '&') { + var tag = ''; var endTag = ''; if (curChar === '<') { endTag = '>' } + else { endTag = ';' } + while (curString.substr(curStrPos + 1).charAt(0) !== endTag) { tag += curString.substr(curStrPos).charAt(0); curStrPos++; if (curStrPos + 1 > curString.length) { break } } + curStrPos++; tag += endTag + } + } + self.timeout = setTimeout(function () { + if (curStrPos === curString.length) { + self.options.onStringTyped(self.arrayPos); if (self.arrayPos === self.strings.length - 1) { + self.options.callback(); self.curLoop++; if (self.loop === false || self.curLoop === self.loopCount) + return + } + self.timeout = setTimeout(function () { self.backspace(curString, curStrPos) }, self.backDelay) + } else { + if (curStrPos === 0) { self.options.preStringTyped(self.arrayPos) } + var nextString = curString.substr(0, curStrPos + 1); if (self.attr) { self.el.attr(self.attr, nextString) } else { if (self.isInput) { self.el.val(nextString) } else if (self.contentType === 'html') { self.el.html(nextString) } else { self.el.text(nextString) } } + curStrPos++; self.typewrite(curString, curStrPos) + } + }, charPause) + }, humanize) + }, backspace: function (curString, curStrPos) { + if (this.stop === true) { return } + var humanize = Math.round(Math.random() * (100 - 30)) + this.backSpeed; var self = this; self.timeout = setTimeout(function () { + if (self.contentType === 'html') { + if (curString.substr(curStrPos).charAt(0) === '>') { + var tag = ''; while (curString.substr(curStrPos - 1).charAt(0) !== '<') { tag -= curString.substr(curStrPos).charAt(0); curStrPos--; if (curStrPos < 0) { break } } + curStrPos--; tag += '<' + } + } + var nextString = curString.substr(0, curStrPos); if (self.attr) { self.el.attr(self.attr, nextString) } else { if (self.isInput) { self.el.val(nextString) } else if (self.contentType === 'html') { self.el.html(nextString) } else { self.el.text(nextString) } } + if (curStrPos > self.stopNum) { curStrPos--; self.backspace(curString, curStrPos) } + else if (curStrPos <= self.stopNum) { self.arrayPos++; if (self.arrayPos === self.strings.length) { self.arrayPos = 0; if (self.shuffle) self.sequence = self.shuffleArray(self.sequence); self.init() } else self.typewrite(self.strings[self.sequence[self.arrayPos]], curStrPos) } + }, humanize) + }, shuffleArray: function (array) { + var tmp, current, top = array.length; if (top) while (--top) { current = Math.floor(Math.random() * (top + 1)); tmp = array[current]; array[current] = array[top]; array[top] = tmp } + return array + }, reset: function () { + var self = this; clearInterval(self.timeout); var id = this.el.attr('id'); this.el.empty(); if (typeof this.cursor !== 'undefined') { this.cursor.remove() } + this.strPos = 0; this.arrayPos = 0; this.curLoop = 0; this.options.resetCallback() + } + }; $.fn.typed = function (option) { + return this.each(function () { + var $this = $(this), data = $this.data('typed'), options = typeof option == 'object' && option; if (data) { data.reset() } + $this.data('typed', (data = new Typed(this, options))); if (typeof option == 'string') data[option]() + }) + }; $.fn.typed.defaults = { strings: ["These are the default values...", "You know what you should do?", "Use your own!", "Have a great day!"], stringsElement: null, typeSpeed: 0, startDelay: 0, backSpeed: 0, shuffle: false, backDelay: 500, loop: false, loopCount: false, showCursor: true, cursorChar: "|", attr: null, contentType: 'html', callback: function () { }, preStringTyped: function () { }, onStringTyped: function () { }, resetCallback: function () { } } +}(window.jQuery); (function ($, window, document, undefined) { + function wpexOwl(element, options) { this.settings = null; this.options = $.extend({}, wpexOwl.Defaults, options); this.$element = $(element); this._handlers = {}; this._plugins = {}; this._supress = {}; this._current = null; this._speed = null; this._coordinates = []; this._breakpoint = null; this._width = null; this._items = []; this._clones = []; this._mergers = []; this._widths = []; this._invalidated = {}; this._pipe = []; this._drag = { time: null, target: null, pointer: null, stage: { start: null, current: null }, direction: null }; this._states = { current: {}, tags: { 'initializing': ['busy'], 'animating': ['busy'], 'dragging': ['interacting'] } }; $.each(['onResize', 'onThrottledResize'], $.proxy(function (i, handler) { this._handlers[handler] = $.proxy(this[handler], this) }, this)); $.each(wpexOwl.Plugins, $.proxy(function (key, plugin) { this._plugins[key.charAt(0).toLowerCase() + key.slice(1)] = new plugin(this) }, this)); $.each(wpexOwl.Workers, $.proxy(function (priority, worker) { this._pipe.push({ 'filter': worker.filter, 'run': $.proxy(worker.run, this) }) }, this)); this.setup(); this.initialize() } + wpexOwl.Defaults = { items: 3, loop: false, center: false, rewind: false, mouseDrag: true, touchDrag: true, pullDrag: true, freeDrag: false, margin: 0, stagePadding: 0, merge: false, mergeFit: true, autoWidth: false, startPosition: 0, rtl: false, smartSpeed: 250, fluidSpeed: false, dragEndSpeed: false, responsive: {}, responsiveRefreshRate: 200, responsiveBaseElement: window, fallbackEasing: 'swing', info: false, nestedItemSelector: false, itemElement: 'div', stageElement: 'div', refreshClass: 'owl-refresh', loadedClass: 'owl-loaded', loadingClass: 'owl-loading', rtlClass: 'owl-rtl', responsiveClass: 'owl-responsive', dragClass: 'owl-drag', itemClass: 'owl-item', stageClass: 'owl-stage', stageOuterClass: 'owl-stage-outer', grabClass: 'owl-grab' }; wpexOwl.Width = { Default: 'default', Inner: 'inner', Outer: 'outer' }; wpexOwl.Type = { Event: 'event', State: 'state' }; wpexOwl.Plugins = {}; wpexOwl.Workers = [{ filter: ['width', 'settings'], run: function () { this._width = this.$element.width() } }, { filter: ['width', 'items', 'settings'], run: function (cache) { cache.current = this._items && this._items[this.relative(this._current)] } }, { filter: ['items', 'settings'], run: function () { this.$stage.children('.cloned').remove() } }, { filter: ['width', 'items', 'settings'], run: function (cache) { var margin = this.settings.margin || '', grid = !this.settings.autoWidth, rtl = this.settings.rtl, css = { 'width': 'auto', 'margin-left': rtl ? margin : '', 'margin-right': rtl ? '' : margin }; !grid && this.$stage.children().css(css); cache.css = css } }, { + filter: ['width', 'items', 'settings'], run: function (cache) { + var width = (this.width() / this.settings.items).toFixed(3) - this.settings.margin, merge = null, iterator = this._items.length, grid = !this.settings.autoWidth, widths = []; cache.items = { merge: false, width: width }; while (iterator--) { merge = this._mergers[iterator]; merge = this.settings.mergeFit && Math.min(merge, this.settings.items) || merge; cache.items.merge = merge > 1 || cache.items.merge; widths[iterator] = !grid ? this._items[iterator].width() : width * merge } + this._widths = widths + } + }, { + filter: ['items', 'settings'], run: function () { + var clones = [], items = this._items, settings = this.settings, view = Math.max(settings.items * 2, 4), size = Math.ceil(items.length / 2) * 2, repeat = settings.loop && items.length ? settings.rewind ? view : Math.max(view, size) : 0, append = '', prepend = ''; repeat /= 2; while (repeat--) { clones.push(this.normalize(clones.length / 2, true)); append = append + items[clones[clones.length - 1]][0].outerHTML; clones.push(this.normalize(items.length - 1 - (clones.length - 1) / 2, true)); prepend = items[clones[clones.length - 1]][0].outerHTML + prepend } + this._clones = clones; $(append).addClass('cloned').appendTo(this.$stage); $(prepend).addClass('cloned').prependTo(this.$stage) + } + }, { + filter: ['width', 'items', 'settings'], run: function () { + var rtl = this.settings.rtl ? 1 : -1, size = this._clones.length + this._items.length, iterator = -1, previous = 0, current = 0, coordinates = []; while (++iterator < size) { previous = coordinates[iterator - 1] || 0; current = this._widths[this.relative(iterator)] + this.settings.margin; coordinates.push(previous + current * rtl) } + this._coordinates = coordinates + } + }, { filter: ['width', 'items', 'settings'], run: function () { var padding = this.settings.stagePadding, coordinates = this._coordinates, css = { 'width': Math.ceil(Math.abs(coordinates[coordinates.length - 1])) + padding * 2, 'padding-left': padding || '', 'padding-right': padding || '' }; this.$stage.css(css) } }, { filter: ['width', 'items', 'settings'], run: function (cache) { var iterator = this._coordinates.length, grid = !this.settings.autoWidth, items = this.$stage.children(); if (grid && cache.items.merge) { while (iterator--) { cache.css.width = this._widths[this.relative(iterator)]; items.eq(iterator).css(cache.css) } } else if (grid) { cache.css.width = cache.items.width; items.css(cache.css) } } }, { filter: ['items'], run: function () { this._coordinates.length < 1 && this.$stage.removeAttr('style') } }, { filter: ['width', 'items', 'settings'], run: function (cache) { cache.current = cache.current ? this.$stage.children().index(cache.current) : 0; cache.current = Math.max(this.minimum(), Math.min(this.maximum(), cache.current)); this.reset(cache.current) } }, { filter: ['position'], run: function () { this.animate(this.coordinates(this._current)) } }, { + filter: ['width', 'position', 'items', 'settings'], run: function () { + var rtl = this.settings.rtl ? 1 : -1, padding = this.settings.stagePadding * 2, begin = this.coordinates(this.current()) + padding, end = begin + this.width() * rtl, inner, outer, matches = [], i, n; for (i = 0, n = this._coordinates.length; i < n; i++) { inner = this._coordinates[i - 1] || 0; outer = Math.abs(this._coordinates[i]) + padding * rtl; if ((this.op(inner, '<=', begin) && (this.op(inner, '>', end))) || (this.op(outer, '<', begin) && this.op(outer, '>', end))) { matches.push(i) } } + this.$stage.children('.active').removeClass('active'); this.$stage.children(':eq(' + matches.join('), :eq(') + ')').addClass('active'); if (this.settings.center) { this.$stage.children('.center').removeClass('center'); this.$stage.children().eq(this.current()).addClass('center') } + } + }]; wpexOwl.prototype.initialize = function () { + this.enter('initializing'); this.trigger('initialize'); this.$element.toggleClass(this.settings.rtlClass, this.settings.rtl); if (this.settings.autoWidth && !this.is('pre-loading')) { var imgs, nestedSelector, width; imgs = this.$element.find('img'); nestedSelector = this.settings.nestedItemSelector ? '.' + this.settings.nestedItemSelector : undefined; width = this.$element.children(nestedSelector).width(); if (imgs.length && width <= 0) { this.preloadAutoWidthImages(imgs) } } + this.$element.addClass(this.options.loadingClass); this.$stage = $('<' + this.settings.stageElement + ' class="' + this.settings.stageClass + '"/>').wrap('
'); this.$element.append(this.$stage.parent()); this.replace(this.$element.children().not(this.$stage.parent())); if (this.$element.is(':visible')) { this.refresh() } else { this.invalidate('width') } + this.$element.removeClass(this.options.loadingClass).addClass(this.options.loadedClass); this.registerEventHandlers(); this.leave('initializing'); this.trigger('initialized') + }; wpexOwl.prototype.setup = function () { + var viewport = this.viewport(), overwrites = this.options.responsive, match = -1, settings = null; if (!overwrites) { settings = $.extend({}, this.options) } else { $.each(overwrites, function (breakpoint) { if (breakpoint <= viewport && breakpoint > match) { match = Number(breakpoint) } }); settings = $.extend({}, this.options, overwrites[match]); delete settings.responsive; if (settings.responsiveClass) { this.$element.attr('class', this.$element.attr('class').replace(new RegExp('(' + this.options.responsiveClass + '-)\\S+\\s', 'g'), '$1' + match)) } } + if (this.settings === null || this._breakpoint !== match) { this.trigger('change', { property: { name: 'settings', value: settings } }); this._breakpoint = match; this.settings = settings; this.invalidate('settings'); this.trigger('changed', { property: { name: 'settings', value: this.settings } }) } + }; wpexOwl.prototype.optionsLogic = function () { if (this.settings.autoWidth) { this.settings.stagePadding = false; this.settings.merge = false } }; wpexOwl.prototype.prepare = function (item) { + var event = this.trigger('prepare', { content: item }); if (!event.data) { event.data = $('<' + this.settings.itemElement + '/>').addClass(this.options.itemClass).append(item) } + this.trigger('prepared', { content: event.data }); return event.data + }; wpexOwl.prototype.update = function () { + var i = 0, n = this._pipe.length, filter = $.proxy(function (p) { return this[p] }, this._invalidated), cache = {}; while (i < n) { + if (this._invalidated.all || $.grep(this._pipe[i].filter, filter).length > 0) { this._pipe[i].run(cache) } + i++ + } + this._invalidated = {}; !this.is('valid') && this.enter('valid') + }; wpexOwl.prototype.width = function (dimension) { dimension = dimension || wpexOwl.Width.Default; switch (dimension) { case wpexOwl.Width.Inner: case wpexOwl.Width.Outer: return this._width; default: return this._width - this.settings.stagePadding * 2 + this.settings.margin } }; wpexOwl.prototype.refresh = function () { this.enter('refreshing'); this.trigger('refresh'); this.setup(); this.optionsLogic(); this.$element.addClass(this.options.refreshClass); this.update(); this.$element.removeClass(this.options.refreshClass); this.leave('refreshing'); this.trigger('refreshed') }; wpexOwl.prototype.onThrottledResize = function () { window.clearTimeout(this.resizeTimer); this.resizeTimer = window.setTimeout(this._handlers.onResize, this.settings.responsiveRefreshRate) }; wpexOwl.prototype.onResize = function () { + if (!this._items.length) { return false } + if (this._width === this.$element.width()) { return false } + if (!this.$element.is(':visible')) { return false } + this.enter('resizing'); if (this.trigger('resize').isDefaultPrevented()) { this.leave('resizing'); return false } + this.invalidate('width'); this.refresh(); this.leave('resizing'); this.trigger('resized') + }; wpexOwl.prototype.registerEventHandlers = function () { + if ($.support.transition) { this.$stage.on($.support.transition.end + '.owl.core', $.proxy(this.onTransitionEnd, this)) } + if (this.settings.responsive !== false) { this.on(window, 'resize', this._handlers.onThrottledResize) } + if (this.settings.mouseDrag) { this.$element.addClass(this.options.dragClass); this.$stage.on('mousedown.owl.core', $.proxy(this.onDragStart, this)); this.$stage.on('dragstart.owl.core selectstart.owl.core', function () { return false }) } + if (this.settings.touchDrag) { this.$stage.on('touchstart.owl.core', $.proxy(this.onDragStart, this)); this.$stage.on('touchcancel.owl.core', $.proxy(this.onDragEnd, this)) } + }; wpexOwl.prototype.onDragStart = function (event) { + var stage = null; if (event.which === 3) { return } + if ($.support.transform) { stage = this.$stage.css('transform').replace(/.*\(|\)| /g, '').split(','); stage = { x: stage[stage.length === 16 ? 12 : 4], y: stage[stage.length === 16 ? 13 : 5] } } else { stage = this.$stage.position(); stage = { x: this.settings.rtl ? stage.left + this.$stage.width() - this.width() + this.settings.margin : stage.left, y: stage.top } } + if (this.is('animating')) { + $.support.transform ? this.animate(stage.x) : this.$stage.stop() + this.invalidate('position') + } + this.$element.toggleClass(this.options.grabClass, event.type === 'mousedown'); this.speed(0); this._drag.time = new Date().getTime(); this._drag.target = $(event.target); this._drag.stage.start = stage; this._drag.stage.current = stage; this._drag.pointer = this.pointer(event); $(document).on('mouseup.owl.core touchend.owl.core', $.proxy(this.onDragEnd, this)); $(document).one('mousemove.owl.core touchmove.owl.core', $.proxy(function (event) { + var delta = this.difference(this._drag.pointer, this.pointer(event)); $(document).on('mousemove.owl.core touchmove.owl.core', $.proxy(this.onDragMove, this)); if (Math.abs(delta.x) < Math.abs(delta.y) && this.is('valid')) { return } + event.preventDefault(); this.enter('dragging'); this.trigger('drag') + }, this)) + }; wpexOwl.prototype.onDragMove = function (event) { + var minimum = null, maximum = null, pull = null, delta = this.difference(this._drag.pointer, this.pointer(event)), stage = this.difference(this._drag.stage.start, delta); if (!this.is('dragging')) { return } + event.preventDefault(); if (this.settings.loop) { minimum = this.coordinates(this.minimum()); maximum = this.coordinates(this.maximum() + 1) - minimum; stage.x = (((stage.x - minimum) % maximum + maximum) % maximum) + minimum } else { minimum = this.settings.rtl ? this.coordinates(this.maximum()) : this.coordinates(this.minimum()); maximum = this.settings.rtl ? this.coordinates(this.minimum()) : this.coordinates(this.maximum()); pull = this.settings.pullDrag ? -1 * delta.x / 5 : 0; stage.x = Math.max(Math.min(stage.x, minimum + pull), maximum + pull) } + this._drag.stage.current = stage; this.animate(stage.x) + }; wpexOwl.prototype.onDragEnd = function (event) { + var delta = this.difference(this._drag.pointer, this.pointer(event)), stage = this._drag.stage.current, direction = delta.x > 0 ^ this.settings.rtl ? 'left' : 'right'; $(document).off('.owl.core'); this.$element.removeClass(this.options.grabClass); if (delta.x !== 0 && this.is('dragging') || !this.is('valid')) { this.speed(this.settings.dragEndSpeed || this.settings.smartSpeed); this.current(this.closest(stage.x, delta.x !== 0 ? direction : this._drag.direction)); this.invalidate('position'); this.update(); this._drag.direction = direction; if (Math.abs(delta.x) > 3 || new Date().getTime() - this._drag.time > 300) { this._drag.target.one('click.owl.core', function () { return false }) } } + if (!this.is('dragging')) { return } + this.leave('dragging'); this.trigger('dragged') + }; wpexOwl.prototype.closest = function (coordinate, direction) { + var position = -1, pull = 30, width = this.width(), coordinates = this.coordinates(); if (!this.settings.freeDrag) { + $.each(coordinates, $.proxy(function (index, value) { + if (coordinate > value - pull && coordinate < value + pull) { position = index } else if (this.op(coordinate, '<', value) && this.op(coordinate, '>', coordinates[index + 1] || value - width)) { position = direction === 'left' ? index + 1 : index } + return position === -1 + }, this)) + } + if (!this.settings.loop) { if (this.op(coordinate, '>', coordinates[this.minimum()])) { position = coordinate = this.minimum() } else if (this.op(coordinate, '<', coordinates[this.maximum()])) { position = coordinate = this.maximum() } } + return position + }; wpexOwl.prototype.animate = function (coordinate) { + var animate = this.speed() > 0; this.is('animating') && this.onTransitionEnd(); if (animate) { this.enter('animating'); this.trigger('translate') } + if ($.support.transform3d && $.support.transition) { this.$stage.css({ transform: 'translate3d(' + coordinate + 'px,0px,0px)', transition: (this.speed() / 1000) + 's' }) } else if (animate) { this.$stage.animate({ left: coordinate + 'px' }, this.speed(), this.settings.fallbackEasing, $.proxy(this.onTransitionEnd, this)) } else { this.$stage.css({ left: coordinate + 'px' }) } + }; wpexOwl.prototype.is = function (state) { return this._states.current[state] && this._states.current[state] > 0 }; wpexOwl.prototype.current = function (position) { + if (position === undefined) { return this._current } + if (this._items.length === 0) { return undefined } + position = this.normalize(position); if (this._current !== position) { + var event = this.trigger('change', { property: { name: 'position', value: position } }); if (event.data !== undefined) { position = this.normalize(event.data) } + this._current = position; this.invalidate('position'); this.trigger('changed', { property: { name: 'position', value: this._current } }) + } + return this._current + }; wpexOwl.prototype.invalidate = function (part) { + if ($.type(part) === 'string') { this._invalidated[part] = true; this.is('valid') && this.leave('valid') } + return $.map(this._invalidated, function (v, i) { return i }) + }; wpexOwl.prototype.reset = function (position) { + position = this.normalize(position); if (position === undefined) { return } + this._speed = 0; this._current = position; this.suppress(['translate', 'translated']); this.animate(this.coordinates(position)); this.release(['translate', 'translated']) + }; wpexOwl.prototype.normalize = function (position, relative) { + var n = this._items.length, m = relative ? 0 : this._clones.length; if (!$.isNumeric(position) || n < 1) { position = undefined } else if (position < 0 || position >= n + m) { position = ((position - m / 2) % n + n) % n + m / 2 } + return position + }; wpexOwl.prototype.relative = function (position) { position -= this._clones.length / 2; return this.normalize(position, true) }; wpexOwl.prototype.maximum = function (relative) { + var settings = this.settings, maximum = this._coordinates.length, boundary = Math.abs(this._coordinates[maximum - 1]) - this._width, i = -1, j; if (settings.loop) { maximum = this._clones.length / 2 + this._items.length - 1 } else if (settings.autoWidth || settings.merge) { while (maximum - i > 1) { Math.abs(this._coordinates[j = maximum + i >> 1]) < boundary ? i = j : maximum = j } } else if (settings.center) { maximum = this._items.length - 1 } else { maximum = this._items.length - settings.items } + if (relative) { maximum -= this._clones.length / 2 } + return Math.max(maximum, 0) + }; wpexOwl.prototype.minimum = function (relative) { return relative ? 0 : this._clones.length / 2 }; wpexOwl.prototype.items = function (position) { + if (position === undefined) { return this._items.slice() } + position = this.normalize(position, true); return this._items[position] + }; wpexOwl.prototype.mergers = function (position) { + if (position === undefined) { return this._mergers.slice() } + position = this.normalize(position, true); return this._mergers[position] + }; wpexOwl.prototype.clones = function (position) { + var odd = this._clones.length / 2, even = odd + this._items.length, map = function (index) { return index % 2 === 0 ? even + index / 2 : odd - (index + 1) / 2 }; if (position === undefined) { return $.map(this._clones, function (v, i) { return map(i) }) } + return $.map(this._clones, function (v, i) { return v === position ? map(i) : null }) + }; wpexOwl.prototype.speed = function (speed) { + if (speed !== undefined) { this._speed = speed } + return this._speed + }; wpexOwl.prototype.coordinates = function (position) { + var coordinate = null; if (position === undefined) { return $.map(this._coordinates, $.proxy(function (coordinate, index) { return this.coordinates(index) }, this)) } + if (this.settings.center) { coordinate = this._coordinates[position]; coordinate += (this.width() - coordinate + (this._coordinates[position - 1] || 0)) / 2 * (this.settings.rtl ? -1 : 1) } else { coordinate = this._coordinates[position - 1] || 0 } + return coordinate + }; wpexOwl.prototype.duration = function (from, to, factor) { return Math.min(Math.max(Math.abs(to - from), 1), 6) * Math.abs((factor || this.settings.smartSpeed)) }; wpexOwl.prototype.to = function (position, speed) { + var current = this.current(), revert = null, distance = position - this.relative(current), direction = (distance > 0) - (distance < 0), items = this._items.length, minimum = this.minimum(), maximum = this.maximum(); if (this.settings.loop) { + if (!this.settings.rewind && Math.abs(distance) > items / 2) { distance += direction * -1 * items } + position = current + distance; revert = ((position - minimum) % items + items) % items + minimum; if (revert !== position && revert - distance <= maximum && revert - distance > 0) { current = revert - distance; position = revert; this.reset(current) } + } else if (this.settings.rewind) { maximum += 1; position = (position % maximum + maximum) % maximum } else { position = Math.max(minimum, Math.min(maximum, position)) } + this.speed(this.duration(current, position, speed)); this.current(position); if (this.$element.is(':visible')) { this.update() } + }; wpexOwl.prototype.next = function (speed) { speed = speed || false; this.to(this.relative(this.current()) + 1, speed) }; wpexOwl.prototype.prev = function (speed) { speed = speed || false; this.to(this.relative(this.current()) - 1, speed) }; wpexOwl.prototype.onTransitionEnd = function (event) { + if (event !== undefined) { event.stopPropagation(); if ((event.target || event.srcElement || event.originalTarget) !== this.$stage.get(0)) { return false } } + this.leave('animating'); this.trigger('translated') + }; wpexOwl.prototype.viewport = function () { + var width; if (this.options.responsiveBaseElement !== window) { width = $(this.options.responsiveBaseElement).width() } else if (window.innerWidth) { width = window.innerWidth } else if (document.documentElement && document.documentElement.clientWidth) { width = document.documentElement.clientWidth } else { throw 'Can not detect viewport width.' } + return width + }; wpexOwl.prototype.replace = function (content) { + this.$stage.empty(); this._items = []; if (content) { content = (content instanceof jQuery) ? content : $(content) } + if (this.settings.nestedItemSelector) { content = content.find('.' + this.settings.nestedItemSelector) } + content.filter(function () { return this.nodeType === 1 }).each($.proxy(function (index, item) { item = this.prepare(item); this.$stage.append(item); this._items.push(item); this._mergers.push(item.find('[data-merge]').andSelf('[data-merge]').attr('data-merge') * 1 || 1) }, this)); this.reset($.isNumeric(this.settings.startPosition) ? this.settings.startPosition : 0); this.invalidate('items') + }; wpexOwl.prototype.add = function (content, position) { + var current = this.relative(this._current); position = position === undefined ? this._items.length : this.normalize(position, true); content = content instanceof jQuery ? content : $(content); this.trigger('add', { content: content, position: position }); content = this.prepare(content); if (this._items.length === 0 || position === this._items.length) { this._items.length === 0 && this.$stage.append(content); this._items.length !== 0 && this._items[position - 1].after(content); this._items.push(content); this._mergers.push(content.find('[data-merge]').andSelf('[data-merge]').attr('data-merge') * 1 || 1) } else { this._items[position].before(content); this._items.splice(position, 0, content); this._mergers.splice(position, 0, content.find('[data-merge]').andSelf('[data-merge]').attr('data-merge') * 1 || 1) } + this._items[current] && this.reset(this._items[current].index()); this.invalidate('items'); this.trigger('added', { content: content, position: position }) + }; wpexOwl.prototype.remove = function (position) { + position = this.normalize(position, true); if (position === undefined) { return } + this.trigger('remove', { content: this._items[position], position: position }); this._items[position].remove(); this._items.splice(position, 1); this._mergers.splice(position, 1); this.invalidate('items'); this.trigger('removed', { content: null, position: position }) + }; wpexOwl.prototype.preloadAutoWidthImages = function (images) { images.each($.proxy(function (i, element) { this.enter('pre-loading'); element = $(element); $(new Image()).one('load', $.proxy(function (e) { element.attr('src', e.target.src); element.css('opacity', 1); this.leave('pre-loading'); !this.is('pre-loading') && !this.is('initializing') && this.refresh() }, this)).attr('src', element.attr('src') || element.attr('data-src') || element.attr('data-src-retina')) }, this)) }; wpexOwl.prototype.destroy = function () { + this.$element.off('.owl.core'); this.$stage.off('.owl.core'); $(document).off('.owl.core'); if (this.settings.responsive !== false) { window.clearTimeout(this.resizeTimer); this.off(window, 'resize', this._handlers.onThrottledResize) } + for (var i in this._plugins) { this._plugins[i].destroy() } + this.$stage.children('.cloned').remove(); this.$stage.unwrap(); this.$stage.children().contents().unwrap(); this.$stage.children().unwrap(); this.$element.removeClass(this.options.refreshClass).removeClass(this.options.loadingClass).removeClass(this.options.loadedClass).removeClass(this.options.rtlClass).removeClass(this.options.dragClass).removeClass(this.options.grabClass).attr('class', this.$element.attr('class').replace(new RegExp(this.options.responsiveClass + '-\\S+\\s', 'g'), '')).removeData('owl.carousel') + }; wpexOwl.prototype.op = function (a, o, b) { var rtl = this.settings.rtl; switch (o) { case '<': return rtl ? a > b : a < b; case '>': return rtl ? a < b : a > b; case '>=': return rtl ? a <= b : a >= b; case '<=': return rtl ? a >= b : a <= b; default: break } }; wpexOwl.prototype.on = function (element, event, listener, capture) { if (element.addEventListener) { element.addEventListener(event, listener, capture) } else if (element.attachEvent) { element.attachEvent('on' + event, listener) } }; wpexOwl.prototype.off = function (element, event, listener, capture) { if (element.removeEventListener) { element.removeEventListener(event, listener, capture) } else if (element.detachEvent) { element.detachEvent('on' + event, listener) } }; wpexOwl.prototype.trigger = function (name, data, namespace, state, enter) { + var status = { item: { count: this._items.length, index: this.current() } }, handler = $.camelCase($.grep(['on', name, namespace], function (v) { return v }).join('-').toLowerCase()), event = $.Event([name, 'owl', namespace || 'carousel'].join('.').toLowerCase(), $.extend({ relatedTarget: this }, status, data)); if (!this._supress[name]) { $.each(this._plugins, function (name, plugin) { if (plugin.onTrigger) { plugin.onTrigger(event) } }); this.register({ type: wpexOwl.Type.Event, name: name }); this.$element.trigger(event); if (this.settings && typeof this.settings[handler] === 'function') { this.settings[handler].call(this, event) } } + return event + }; wpexOwl.prototype.enter = function (name) { + $.each([name].concat(this._states.tags[name] || []), $.proxy(function (i, name) { + if (this._states.current[name] === undefined) { this._states.current[name] = 0 } + this._states.current[name]++ + }, this)) + }; wpexOwl.prototype.leave = function (name) { $.each([name].concat(this._states.tags[name] || []), $.proxy(function (i, name) { this._states.current[name]-- }, this)) }; wpexOwl.prototype.register = function (object) { + if (object.type === wpexOwl.Type.Event) { + if (!$.event.special[object.name]) { $.event.special[object.name] = {} } + if (!$.event.special[object.name].owl) { + var _default = $.event.special[object.name]._default; $.event.special[object.name]._default = function (e) { + if (_default && _default.apply && (!e.namespace || e.namespace.indexOf('owl') === -1)) { return _default.apply(this, arguments) } + return e.namespace && e.namespace.indexOf('owl') > -1 + }; $.event.special[object.name].owl = true + } + } else if (object.type === wpexOwl.Type.State) { + if (!this._states.tags[object.name]) { this._states.tags[object.name] = object.tags } else { this._states.tags[object.name] = this._states.tags[object.name].concat(object.tags) } + this._states.tags[object.name] = $.grep(this._states.tags[object.name], $.proxy(function (tag, i) { return $.inArray(tag, this._states.tags[object.name]) === i }, this)) + } + }; wpexOwl.prototype.suppress = function (events) { $.each(events, $.proxy(function (index, event) { this._supress[event] = true }, this)) }; wpexOwl.prototype.release = function (events) { $.each(events, $.proxy(function (index, event) { delete this._supress[event] }, this)) }; wpexOwl.prototype.pointer = function (event) { + var result = { x: null, y: null }; event = event.originalEvent || event || window.event; event = event.touches && event.touches.length ? event.touches[0] : event.changedTouches && event.changedTouches.length ? event.changedTouches[0] : event; if (event.pageX) { result.x = event.pageX; result.y = event.pageY } else { result.x = event.clientX; result.y = event.clientY } + return result + }; wpexOwl.prototype.difference = function (first, second) { return { x: first.x - second.x, y: first.y - second.y } }; $.fn.wpexOwlCarousel = function (option) { + var args = Array.prototype.slice.call(arguments, 1); return this.each(function () { + var $this = $(this), data = $this.data('owl.carousel'); if (!data) { data = new wpexOwl(this, typeof option == 'object' && option); $this.data('owl.carousel', data); $.each(['next', 'prev', 'to', 'destroy', 'refresh', 'replace', 'add', 'remove'], function (i, event) { data.register({ type: wpexOwl.Type.Event, name: event }); data.$element.on(event + '.owl.carousel.core', $.proxy(function (e) { if (e.namespace && e.relatedTarget !== this) { this.suppress([event]); data[event].apply(this, [].slice.call(arguments, 1)); this.release([event]) } }, data)) }) } + if (typeof option == 'string' && option.charAt(0) !== '_') { data[option].apply(data, args) } + }) + }; $.fn.wpexOwlCarousel.Constructor = wpexOwl +})(window.Zepto || window.jQuery, window, document); (function ($, window, document, undefined) { + var AutoRefresh = function (carousel) { this._core = carousel; this._interval = null; this._visible = null; this._handlers = { 'initialized.owl.carousel': $.proxy(function (e) { if (e.namespace && this._core.settings.autoRefresh) { this.watch() } }, this) }; this._core.options = $.extend({}, AutoRefresh.Defaults, this._core.options); this._core.$element.on(this._handlers) }; AutoRefresh.Defaults = { autoRefresh: true, autoRefreshInterval: 500 }; AutoRefresh.prototype.watch = function () { + if (this._interval) { return } + this._visible = this._core.$element.is(':visible'); this._interval = window.setInterval($.proxy(this.refresh, this), this._core.settings.autoRefreshInterval) + }; AutoRefresh.prototype.refresh = function () { + if (this._core.$element.is(':visible') === this._visible) { return } + this._visible = !this._visible; this._core.$element.toggleClass('owl-hidden', !this._visible); this._visible && (this._core.invalidate('width') && this._core.refresh()) + }; AutoRefresh.prototype.destroy = function () { + var handler, property; window.clearInterval(this._interval); for (handler in this._handlers) { this._core.$element.off(handler, this._handlers[handler]) } + for (property in Object.getOwnPropertyNames(this)) { typeof this[property] != 'function' && (this[property] = null) } + }; $.fn.wpexOwlCarousel.Constructor.Plugins.AutoRefresh = AutoRefresh +})(window.Zepto || window.jQuery, window, document); (function ($, window, document, undefined) { + var Lazy = function (carousel) { + this._core = carousel; this._loaded = []; this._handlers = { + 'initialized.owl.carousel change.owl.carousel': $.proxy(function (e) { + if (!e.namespace) { return } + if (!this._core.settings || !this._core.settings.lazyLoad) { return } + if ((e.property && e.property.name == 'position') || e.type == 'initialized') { var settings = this._core.settings, n = (settings.center && Math.ceil(settings.items / 2) || settings.items), i = ((settings.center && n * -1) || 0), position = ((e.property && e.property.value) || this._core.current()) + i, clones = this._core.clones().length, load = $.proxy(function (i, v) { this.load(v) }, this); while (i++ < n) { this.load(clones / 2 + this._core.relative(position)); clones && $.each(this._core.clones(this._core.relative(position)), load); position++ } } + }, this) + }; this._core.options = $.extend({}, Lazy.Defaults, this._core.options); this._core.$element.on(this._handlers) + } + Lazy.Defaults = { lazyLoad: false } + Lazy.prototype.load = function (position) { + var $item = this._core.$stage.children().eq(position), $elements = $item && $item.find('.owl-lazy'); if (!$elements || $.inArray($item.get(0), this._loaded) > -1) { return } + $elements.each($.proxy(function (index, element) { var $element = $(element), image, url = (window.devicePixelRatio > 1 && $element.attr('data-src-retina')) || $element.attr('data-src'); this._core.trigger('load', { element: $element, url: url }, 'lazy'); if ($element.is('img')) { $element.one('load.owl.lazy', $.proxy(function () { $element.css('opacity', 1); this._core.trigger('loaded', { element: $element, url: url }, 'lazy') }, this)).attr('src', url) } else { image = new Image(); image.onload = $.proxy(function () { $element.css({ 'background-image': 'url(' + url + ')', 'opacity': '1' }); this._core.trigger('loaded', { element: $element, url: url }, 'lazy') }, this); image.src = url } }, this)); this._loaded.push($item.get(0)) + } + Lazy.prototype.destroy = function () { + var handler, property; for (handler in this.handlers) { this._core.$element.off(handler, this.handlers[handler]) } + for (property in Object.getOwnPropertyNames(this)) { typeof this[property] != 'function' && (this[property] = null) } + }; $.fn.wpexOwlCarousel.Constructor.Plugins.Lazy = Lazy +})(window.Zepto || window.jQuery, window, document); (function ($, window, document, undefined) { + var AutoHeight = function (carousel) { this._core = carousel; this._handlers = { 'initialized.owl.carousel refreshed.owl.carousel': $.proxy(function (e) { if (e.namespace && this._core.settings.autoHeight) { this.update() } }, this), 'changed.owl.carousel': $.proxy(function (e) { if (e.namespace && this._core.settings.autoHeight && e.property.name == 'position') { this.update() } }, this), 'loaded.owl.lazy': $.proxy(function (e) { if (e.namespace && this._core.settings.autoHeight && e.element.closest('.' + this._core.settings.itemClass).index() === this._core.current()) { this.update() } }, this) }; this._core.options = $.extend({}, AutoHeight.Defaults, this._core.options); this._core.$element.on(this._handlers) }; AutoHeight.Defaults = { autoHeight: false, autoHeightClass: 'owl-height' }; AutoHeight.prototype.update = function () { var start = this._core._current, end = start + this._core.settings.items, visible = this._core.$stage.children().toArray().slice(start, end); heights = [], maxheight = 0; $.each(visible, function (index, item) { heights.push($(item).height()) }); maxheight = Math.max.apply(null, heights); this._core.$stage.parent().height(maxheight).addClass(this._core.settings.autoHeightClass) }; AutoHeight.prototype.destroy = function () { + var handler, property; for (handler in this._handlers) { this._core.$element.off(handler, this._handlers[handler]) } + for (property in Object.getOwnPropertyNames(this)) { typeof this[property] != 'function' && (this[property] = null) } + }; $.fn.wpexOwlCarousel.Constructor.Plugins.AutoHeight = AutoHeight +})(window.Zepto || window.jQuery, window, document); +(function ($, window, document, undefined) { + var Animate = function (scope) { this.core = scope; this.core.options = $.extend({}, Animate.Defaults, this.core.options); this.swapping = true; this.previous = undefined; this.next = undefined; this.handlers = { 'change.owl.carousel': $.proxy(function (e) { if (e.namespace && e.property.name == 'position') { this.previous = this.core.current(); this.next = e.property.value } }, this), 'drag.owl.carousel dragged.owl.carousel translated.owl.carousel': $.proxy(function (e) { if (e.namespace) { this.swapping = e.type == 'translated' } }, this), 'translate.owl.carousel': $.proxy(function (e) { if (e.namespace && this.swapping && (this.core.options.animateOut || this.core.options.animateIn)) { this.swap() } }, this) }; this.core.$element.on(this.handlers) }; Animate.Defaults = { animateOut: false, animateIn: false }; Animate.prototype.swap = function () { + if (this.core.settings.items !== 1) { return } + if (!$.support.animation || !$.support.transition) { return } + this.core.speed(0); var left, clear = $.proxy(this.clear, this), previous = this.core.$stage.children().eq(this.previous), next = this.core.$stage.children().eq(this.next), incoming = this.core.settings.animateIn, outgoing = this.core.settings.animateOut; if (this.core.current() === this.previous) { return } + if (outgoing) { left = this.core.coordinates(this.previous) - this.core.coordinates(this.next); previous.one($.support.animation.end, clear).css({ 'left': left + 'px' }).addClass('animated owl-animated-out').addClass(outgoing) } + if (incoming) { next.one($.support.animation.end, clear).addClass('animated owl-animated-in').addClass(incoming) } + }; Animate.prototype.clear = function (e) { $(e.target).css({ 'left': '' }).removeClass('animated owl-animated-out owl-animated-in').removeClass(this.core.settings.animateIn).removeClass(this.core.settings.animateOut); this.core.onTransitionEnd() }; Animate.prototype.destroy = function () { + var handler, property; for (handler in this.handlers) { this.core.$element.off(handler, this.handlers[handler]) } + for (property in Object.getOwnPropertyNames(this)) { typeof this[property] != 'function' && (this[property] = null) } + }; $.fn.wpexOwlCarousel.Constructor.Plugins.Animate = Animate +})(window.Zepto || window.jQuery, window, document); (function ($, window, document, undefined) { + var Autoplay = function (carousel) { this._core = carousel; this._interval = null; this._paused = false; this._handlers = { 'changed.owl.carousel': $.proxy(function (e) { if (e.namespace && e.property.name === 'settings') { if (this._core.settings.autoplay) { this.play() } else { this.stop() } } }, this), 'initialized.owl.carousel': $.proxy(function (e) { if (e.namespace && this._core.settings.autoplay) { this.play() } }, this), 'play.owl.autoplay': $.proxy(function (e, t, s) { if (e.namespace) { this.play(t, s) } }, this), 'stop.owl.autoplay': $.proxy(function (e) { if (e.namespace) { this.stop() } }, this), 'mouseover.owl.autoplay': $.proxy(function () { if (this._core.settings.autoplayHoverPause && this._core.is('rotating')) { this.pause() } }, this), 'mouseleave.owl.autoplay': $.proxy(function () { if (this._core.settings.autoplayHoverPause && this._core.is('rotating')) { this.play() } }, this) }; this._core.$element.on(this._handlers); this._core.options = $.extend({}, Autoplay.Defaults, this._core.options) }; Autoplay.Defaults = { autoplay: false, autoplayTimeout: 5000, autoplayHoverPause: false, autoplaySpeed: false }; Autoplay.prototype.play = function (timeout, speed) { + this._paused = false; if (this._core.is('rotating')) { return } + this._core.enter('rotating'); this._interval = window.setInterval($.proxy(function () { + if (this._paused || this._core.is('busy') || this._core.is('interacting') || document.hidden) { return } + this._core.next(speed || this._core.settings.autoplaySpeed) + }, this), timeout || this._core.settings.autoplayTimeout) + }; Autoplay.prototype.stop = function () { + if (!this._core.is('rotating')) { return } + window.clearInterval(this._interval); this._core.leave('rotating') + }; Autoplay.prototype.pause = function () { + if (!this._core.is('rotating')) { return } + this._paused = true + }; Autoplay.prototype.destroy = function () { + var handler, property; this.stop(); for (handler in this._handlers) { this._core.$element.off(handler, this._handlers[handler]) } + for (property in Object.getOwnPropertyNames(this)) { typeof this[property] != 'function' && (this[property] = null) } + }; $.fn.wpexOwlCarousel.Constructor.Plugins.autoplay = Autoplay +})(window.Zepto || window.jQuery, window, document); +(function ($, window, document, undefined) { + 'use strict'; var Navigation = function (carousel) { this._core = carousel; this._initialized = false; this._pages = []; this._controls = {}; this._templates = []; this.$element = this._core.$element; this._overrides = { next: this._core.next, prev: this._core.prev, to: this._core.to }; this._handlers = { 'prepared.owl.carousel': $.proxy(function (e) { if (e.namespace && this._core.settings.dotsData) { this._templates.push('
' + $(e.content).find('[data-dot]').andSelf('[data-dot]').attr('data-dot') + '
') } }, this), 'added.owl.carousel': $.proxy(function (e) { if (e.namespace && this._core.settings.dotsData) { this._templates.splice(e.position, 0, this._templates.pop()) } }, this), 'remove.owl.carousel': $.proxy(function (e) { if (e.namespace && this._core.settings.dotsData) { this._templates.splice(e.position, 1) } }, this), 'changed.owl.carousel': $.proxy(function (e) { if (e.namespace && e.property.name == 'position') { this.draw() } }, this), 'initialized.owl.carousel': $.proxy(function (e) { if (e.namespace && !this._initialized) { this._core.trigger('initialize', null, 'navigation'); this.initialize(); this.update(); this.draw(); this._initialized = true; this._core.trigger('initialized', null, 'navigation') } }, this), 'refreshed.owl.carousel': $.proxy(function (e) { if (e.namespace && this._initialized) { this._core.trigger('refresh', null, 'navigation'); this.update(); this.draw(); this._core.trigger('refreshed', null, 'navigation') } }, this) }; this._core.options = $.extend({}, Navigation.Defaults, this._core.options); this.$element.on(this._handlers) }; Navigation.Defaults = { nav: false, navText: ['prev', 'next'], navSpeed: false, navElement: 'div', navContainer: false, navContainerClass: 'owl-nav', navClass: ['owl-prev', 'owl-next'], slideBy: 1, dotClass: 'owl-dot', dotsClass: 'owl-dots', dots: true, dotsEach: false, dotsData: false, dotsSpeed: false, dotsContainer: false }; Navigation.prototype.initialize = function () { + var override, settings = this._core.settings; this._controls.$relative = (settings.navContainer ? $(settings.navContainer) : $('
').addClass(settings.navContainerClass).appendTo(this.$element)).addClass('disabled'); this._controls.$previous = $('<' + settings.navElement + '>').addClass(settings.navClass[0]).html(settings.navText[0]).prependTo(this._controls.$relative).on('click', $.proxy(function (e) { this.prev(settings.navSpeed) }, this)); this._controls.$next = $('<' + settings.navElement + '>').addClass(settings.navClass[1]).html(settings.navText[1]).appendTo(this._controls.$relative).on('click', $.proxy(function (e) { this.next(settings.navSpeed) }, this)); if (!settings.dotsData) { this._templates = [$('
').addClass(settings.dotClass).append($('')).prop('outerHTML')] } + this._controls.$absolute = (settings.dotsContainer ? $(settings.dotsContainer) : $('
').addClass(settings.dotsClass).appendTo(this.$element)).addClass('disabled'); this._controls.$absolute.on('click', 'div', $.proxy(function (e) { var index = $(e.target).parent().is(this._controls.$absolute) ? $(e.target).index() : $(e.target).parent().index(); e.preventDefault(); this.to(index, settings.dotsSpeed) }, this)); for (override in this._overrides) { this._core[override] = $.proxy(this[override], this) } + }; Navigation.prototype.destroy = function () { + var handler, control, property, override; for (handler in this._handlers) { this.$element.off(handler, this._handlers[handler]) } + for (control in this._controls) { this._controls[control].remove() } + for (override in this.overides) { this._core[override] = this._overrides[override] } + for (property in Object.getOwnPropertyNames(this)) { typeof this[property] != 'function' && (this[property] = null) } + }; Navigation.prototype.update = function () { + var i, j, k, lower = this._core.clones().length / 2, upper = lower + this._core.items().length, maximum = this._core.maximum(true), settings = this._core.settings, size = settings.center || settings.autoWidth || settings.dotsData ? 1 : settings.dotsEach || settings.items; if (settings.slideBy !== 'page') { settings.slideBy = Math.min(settings.slideBy, settings.items) } + if (settings.dots || settings.slideBy == 'page') { + this._pages = []; for (i = lower, j = 0, k = 0; i < upper; i++) { + if (j >= size || j === 0) { + this._pages.push({ start: Math.min(maximum, i - lower), end: i - lower + size - 1 }); if (Math.min(maximum, i - lower) === maximum) { break } + j = 0, ++k + } + j += this._core.mergers(this._core.relative(i)) + } + } + }; Navigation.prototype.draw = function () { + var difference, settings = this._core.settings, disabled = this._core.items().length <= settings.items, index = this._core.relative(this._core.current()), loop = settings.loop || settings.rewind; this._controls.$relative.toggleClass('disabled', !settings.nav || disabled); if (settings.nav) { this._controls.$previous.toggleClass('disabled', !loop && index <= this._core.minimum(true)); this._controls.$next.toggleClass('disabled', !loop && index >= this._core.maximum(true)) } + this._controls.$absolute.toggleClass('disabled', !settings.dots || disabled); if (settings.dots) { + difference = this._pages.length - this._controls.$absolute.children().length; if (settings.dotsData && difference !== 0) { this._controls.$absolute.html(this._templates.join('')) } else if (difference > 0) { this._controls.$absolute.append(new Array(difference + 1).join(this._templates[0])) } else if (difference < 0) { this._controls.$absolute.children().slice(difference).remove() } + this._controls.$absolute.find('.active').removeClass('active'); this._controls.$absolute.children().eq($.inArray(this.current(), this._pages)).addClass('active') + } + }; Navigation.prototype.onTrigger = function (event) { var settings = this._core.settings; event.page = { index: $.inArray(this.current(), this._pages), count: this._pages.length, size: settings && (settings.center || settings.autoWidth || settings.dotsData ? 1 : settings.dotsEach || settings.items) } }; Navigation.prototype.current = function () { var current = this._core.relative(this._core.current()); return $.grep(this._pages, $.proxy(function (page, index) { return page.start <= current && page.end >= current }, this)).pop() }; Navigation.prototype.getPosition = function (successor) { + var position, length, settings = this._core.settings; if (settings.slideBy == 'page') { position = $.inArray(this.current(), this._pages); length = this._pages.length; successor ? ++position : --position; position = this._pages[((position % length) + length) % length].start } else { position = this._core.relative(this._core.current()); length = this._core.items().length; successor ? position += settings.slideBy : position -= settings.slideBy } + return position + }; Navigation.prototype.next = function (speed) { $.proxy(this._overrides.to, this._core)(this.getPosition(true), speed) }; Navigation.prototype.prev = function (speed) { $.proxy(this._overrides.to, this._core)(this.getPosition(false), speed) }; Navigation.prototype.to = function (position, speed, standard) { var length; if (!standard) { length = this._pages.length; $.proxy(this._overrides.to, this._core)(this._pages[((position % length) + length) % length].start, speed) } else { $.proxy(this._overrides.to, this._core)(position, speed) } }; $.fn.wpexOwlCarousel.Constructor.Plugins.Navigation = Navigation +})(window.Zepto || window.jQuery, window, document); (function ($, window, document, undefined) { + 'use strict'; var Hash = function (carousel) { + this._core = carousel; this._hashes = {}; this.$element = this._core.$element; this._handlers = { + 'initialized.owl.carousel': $.proxy(function (e) { if (e.namespace && this._core.settings.startPosition === 'URLHash') { $(window).trigger('hashchange.owl.navigation') } }, this), 'prepared.owl.carousel': $.proxy(function (e) { + if (e.namespace) { + var hash = $(e.content).find('[data-hash]').andSelf('[data-hash]').attr('data-hash'); if (!hash) { return } + this._hashes[hash] = e.content + } + }, this), 'changed.owl.carousel': $.proxy(function (e) { + if (e.namespace && e.property.name === 'position') { + var current = this._core.items(this._core.relative(this._core.current())), hash = $.map(this._hashes, function (item, hash) { return item === current ? hash : null }).join(); if (!hash || window.location.hash.slice(1) === hash) { return } + window.location.hash = hash + } + }, this) + }; this._core.options = $.extend({}, Hash.Defaults, this._core.options); this.$element.on(this._handlers); $(window).on('hashchange.owl.navigation', $.proxy(function (e) { + var hash = window.location.hash.substring(1), items = this._core.$stage.children(), position = this._hashes[hash] && items.index(this._hashes[hash]); if (position === undefined || position === this._core.current()) { return } + this._core.to(this._core.relative(position), false, true) + }, this)) + }; Hash.Defaults = { URLhashListener: false }; Hash.prototype.destroy = function () { + var handler, property; $(window).off('hashchange.owl.navigation'); for (handler in this._handlers) { this._core.$element.off(handler, this._handlers[handler]) } + for (property in Object.getOwnPropertyNames(this)) { typeof this[property] != 'function' && (this[property] = null) } + }; $.fn.wpexOwlCarousel.Constructor.Plugins.Hash = Hash +})(window.Zepto || window.jQuery, window, document); (function ($, window, document, undefined) { + var style = $('').get(0).style, prefixes = 'Webkit Moz O ms'.split(' '), events = { transition: { end: { WebkitTransition: 'webkitTransitionEnd', MozTransition: 'transitionend', OTransition: 'oTransitionEnd', transition: 'transitionend' } }, animation: { end: { WebkitAnimation: 'webkitAnimationEnd', MozAnimation: 'animationend', OAnimation: 'oAnimationEnd', animation: 'animationend' } } }, tests = { csstransforms: function () { return !!test('transform') }, csstransforms3d: function () { return !!test('perspective') }, csstransitions: function () { return !!test('transition') }, cssanimations: function () { return !!test('animation') } }; function test(property, prefixed) { var result = false, upper = property.charAt(0).toUpperCase() + property.slice(1); $.each((property + ' ' + prefixes.join(upper + ' ') + upper).split(' '), function (i, property) { if (style[property] !== undefined) { result = prefixed ? property : true; return false } }); return result } + function prefixed(property) { return test(property, true) } + if (tests.csstransitions()) { + $.support.transition = new String(prefixed('transition')) + $.support.transition.end = events.transition.end[$.support.transition] + } + if (tests.cssanimations()) { + $.support.animation = new String(prefixed('animation')) + $.support.animation.end = events.animation.end[$.support.animation] + } + if (tests.csstransforms()) { $.support.transform = new String(prefixed('transform')); $.support.transform3d = tests.csstransforms3d() } +})(window.Zepto || window.jQuery, window, document); +var wpex = {}; +(function ($) { + 'use strict'; wpex = { + init: function () { this.config_func(); this.bindEvents();}, + config_func: function () { + this.config = { + $window: $(window), + $document: $(document), + $head: $('head'), + windowWidth: $(window).width(), + windowHeight: $(window).height(), + windowTop: $(window).scrollTop(), + $body: $('body'), viewportWidth: '', + $wpAdminBar: null, isRetina: false, + heightChanged: false, widthChanged: false, + isRTL: false, iLightboxSettings: {}, + vcActive: false, isMobile: false, + mobileMenuStyle: null, mobileMenuToggleStyle: null, + mobileMenuBreakpoint: 960, $siteWrap: null, + $siteMain: null, $siteHeader: null, + siteHeaderStyle: null, siteHeaderHeight: 0, + siteHeaderTop: 0, siteHeaderBottom: 0, + verticalHeaderActive: false, hasHeaderOverlay: false, + hasStickyHeader: false, hasStickyMobileHeader: false, + hasStickyNavbar: false, $siteLogo: null, siteLogoHeight: 0, + siteLogoSrc: null, $siteNavWrap: null, $siteNav: null, + $siteNavDropdowns: null, + $localScrollTargets: 'li.local-scroll a, a.local-scroll, .local-scroll-link, .local-scroll-link > a', + localScrollOffset: 0, localScrollSpeed: 600, + localScrollEasing: 'easeInOutCubic', localScrollSections: [], + hasTopBar: false, hasStickyTopBar: false, $stickyTopBar: null, + hasStickyTopBarMobile: false + } + }, + bindEvents: function () { + var self = this; self.config.$document.ready(function () { + self.initUpdateConfig(); + self.responsiveText(); + self.superfish(); self.mobileMenu(); + self.navNoClick(); self.hideEditLink(); + self.inlineHeaderLogo(); + self.menuSearch(); self.headerCart(); + self.backTopLink(); self.smoothCommentScroll(); + self.tipsyTooltips(); self.customHovers(); self.toggleBar(); + self.customSelects(); self.wpexOwlCarousel(); + self.autoLightbox(); self.iLightbox(); + self.skillbar(); self.milestone(); self.countdown(); self.typedText(); + + + self.archiveMasonryGrids(); self.isotopeGrids(); + self.responsiveCSS(); self.vcexFilterNav(); self.ctf7Preloader(); + self.vcAccessability(); self.rtlStretchRows(); self.vcPageEditable(); + self.wooGallery(); self.twentytwenty() }); + self.config.$window.on('load', function () { + self.config.$body.addClass('wpex-window-loaded'); + self.windowLoadUpdateConfig(); self.megaMenusWidth(); self.megaMenusTop(); + self.flushDropdownsTop(); self.fadeIn(); self.parallax(); + self.sliderPro(); self.stickyTopBar(); self.vcTabsTogglesJS(); + if (self.config.hasStickyHeader) { + var $stickyStyle = wpexLocalize.stickyHeaderStyle; + if ('standard' == $stickyStyle || 'shrink' == $stickyStyle || 'shrink_animated' == $stickyStyle) { + self.stickyHeader(); + if ('shrink' == $stickyStyle || 'shrink_animated' == $stickyStyle) { + self.shrinkStickyHeader() + } + } + } + self.stickyHeaderMenu(); + self.stickyVcexNavbar(); + self.headerOverlayOffset(); + self.footerReveal(); + self.titleBreadcrumbsFix(); + if ($.fn.infinitescroll !== undefined && $('div.infinite-scroll-nav').length) { + self.infiniteScrollInit() + } + self.loadMore(); + if (wpexLocalize.scrollToHash) { + window.setTimeout(function () { + self.scrollToHash(self) }, parseInt(wpex.scrollToHashTimeout)) + } + }); + self.config.$window.on("load",function(){ + self.equalHeights(); + self.bindEvents(); + }) + self.config.$window.resize(function () { + self.config.widthChanged = false; + self.config.heightChanged = false; + if (self.config.$window.width() != self.config.windowWidth) { + self.config.widthChanged = true; self.widthResizeUpdateConfig() + } + if (self.config.$window.height() != self.config.windowHeight) { + self.config.windowHeight = self.config.$window.height(); + self.config.heightChanged = true + } + self.equalHeights(); + }); + self.config.$window.scroll(function () { + self.config.$hasScrolled = false; + if (self.config.$window.scrollTop() != self.config.windowTop) { + self.config.$hasScrolled = true; self.config.windowTop = self.config.$window.scrollTop(); + self.localScrollHighlight() + } + }); + self.config.$window.on('orientationchange', function () { + self.widthResizeUpdateConfig(); self.isotopeGrids(); self.vcexFilterNav(); + self.archiveMasonryGrids() + }) + }, + initUpdateConfig: function () { + var self = this; + self.config.$body.addClass('wpex-docready wpb-js-composer'); + self.config.vcActive = this.config.$body.hasClass('wpb-js-composer'); + self.config.viewportWidth = self.viewportWidth(); self.config.isRetina = self.retinaCheck(); if (self.config.isRetina) { self.config.$body.addClass('wpex-is-retina') } + if (self.mobileCheck()) { self.config.isMobile = true; self.config.$body.addClass('wpex-is-mobile-device') } + var $wpAdminBar = $('#wpadminbar'); if ($wpAdminBar.length) { self.config.$wpAdminBar = $wpAdminBar } + var $siteWrap = $('#wrap'); if ($siteWrap) { self.config.$siteWrap = $siteWrap } + var $siteMain = $('#main'); if ($siteMain) { self.config.$siteMain = $siteMain } + var $siteHeader = $('#site-header'); if ($siteHeader.length) { self.config.siteHeaderStyle = wpexLocalize.siteHeaderStyle; self.config.$siteHeader = $('#site-header') } + var $siteLogo = $('#site-logo img.logo-img'); if ($siteLogo.length) { self.config.$siteLogo = $siteLogo; self.config.siteLogoSrc = self.config.$siteLogo.attr('src') } + var $siteNavWrap = $('#site-navigation-wrap'); if ($siteNavWrap.length) { + self.config.$siteNavWrap = $siteNavWrap; var $siteNav = $('#site-navigation', $siteNavWrap); if ($siteNav.length) { self.config.$siteNav = $siteNav } + if (wpexLocalize.hasStickyNavbar) { self.config.hasStickyNavbar = true } + var $siteNavDropdowns = $('.dropdown-menu > .menu-item-has-children > ul', $siteNavWrap); if ($siteNavWrap.length) { self.config.$siteNavDropdowns = $siteNavDropdowns } + } + if (wpexLocalize.hasMobileMenu) { self.config.mobileMenuStyle = wpexLocalize.mobileMenuStyle; self.config.mobileMenuToggleStyle = wpexLocalize.mobileMenuToggleStyle; self.config.mobileMenuBreakpoint = wpexLocalize.mobileMenuBreakpoint } + self.config.$footerReveal = $('.footer-reveal-visible'); if (self.config.$footerReveal.length && self.config.$siteWrap && self.config.$siteMain) { self.config.$hasFooterReveal = true } + if (self.config.$siteHeader && self.config.$body.hasClass('has-overlay-header')) { self.config.hasHeaderOverlay = true } + var $topBarWrap = $('#top-bar-wrap'); if ($topBarWrap.length) { self.config.hasTopBar = true; if ($topBarWrap.hasClass('wpex-top-bar-sticky')) { self.config.$stickyTopBar = $topBarWrap; if (self.config.$stickyTopBar.length) { self.config.hasStickyTopBar = true; self.config.hasStickyTopBarMobile = wpexLocalize.hasStickyTopBarMobile } } } + self.config.hasStickyMobileHeader = wpexLocalize.hasStickyMobileHeader; if (self.config.$siteHeader && wpexLocalize.hasStickyHeader) { self.config.hasStickyHeader = true } + if (this.config.$body.hasClass('wpex-has-vertical-header')) { self.config.verticalHeaderActive = true } + if (wpexLocalize.localScrollSpeed) { self.config.localScrollSpeed = parseInt(wpexLocalize.localScrollSpeed) } + if (wpexLocalize.localScrollEasing) { self.config.localScrollEasing = wpexLocalize.localScrollEasing; if ('false' == self.config.localScrollEasing) { self.config.localScrollEasing = 'swing' } } + self.config.localScrollSections = self.localScrollSections() + }, windowLoadUpdateConfig: function () { + if (this.config.$siteHeader) { var siteHeaderTop = this.config.$siteHeader.offset().top; this.config.windowHeight = this.config.$window.height(); this.config.siteHeaderHeight = this.config.$siteHeader.outerHeight(); this.config.siteHeaderBottom = siteHeaderTop + this.config.siteHeaderHeight; this.config.siteHeaderTop = siteHeaderTop; if (this.config.$siteLogo) { this.config.siteLogoHeight = this.config.$siteLogo.height() } } + this.config.localScrollOffset = this.parseLocalScrollOffset('init') + }, widthResizeUpdateConfig: function () { + this.config.windowHeight = this.config.$window.height(); + this.config.windowWidth = this.config.$window.width(); + this.config.windowTop = this.config.$window.scrollTop(); + this.config.viewportWidth = this.viewportWidth(); + if (this.config.$siteHeader) { + this.config.siteHeaderHeight = this.config.$siteHeader.outerHeight() + } + if (this.config.$siteLogo) { + this.config.siteLogoHeight = this.config.$siteLogo.height() + } + if (this.config.windowWidth < 960) { + this.config.verticalHeaderActive = false + }else if (this.config.$body.hasClass('wpex-has-vertical-header')) { + this.config.verticalHeaderActive = true + } + this.config.localScrollOffset = this.parseLocalScrollOffset('resize'); + this.megaMenusWidth(); + this.inlineHeaderLogo(); + this.responsiveText(); + }, retinaCheck: function () { + var mediaQuery = '(-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx)'; if (window.devicePixelRatio > 1) { return true } + if (window.matchMedia && window.matchMedia(mediaQuery).matches) { return true } + return false + }, mobileCheck: function () { if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) { return true } }, viewportWidth: function () { + var e = window, a = 'inner'; if (!('innerWidth' in window)) { a = 'client'; e = document.documentElement || document.body } + return e[a + 'Width'] + }, superfish: function () { + if (!this.config.$siteNav || undefined === $.fn.superfish) { return } + $('ul.sf-menu', this.config.$siteNav).superfish({ delay: wpexLocalize.superfishDelay, speed: wpexLocalize.superfishSpeed, speedOut: wpexLocalize.superfishSpeedOut, cssArrows: false, disableHI: false, animation: { opacity: 'show' }, animationOut: { opacity: 'hide' } }) + }, megaMenusWidth: function () { + if (!wpexLocalize.megaMenuJS || 'one' != this.config.siteHeaderStyle || !this.config.$siteNavDropdowns || !this.config.$siteNavWrap.is(':visible')) { return } + var $megamenu = $('.megamenu > ul', this.config.$siteNavWrap); if (!$megamenu.length) { return } + var $headerContainerWidth = this.config.$siteHeader.find('.container').outerWidth(), $navWrapWidth = this.config.$siteNavWrap.outerWidth(), $siteNavigationWrapPosition = parseInt(this.config.$siteNavWrap.css('right')); if ('auto' == $siteNavigationWrapPosition) { $siteNavigationWrapPosition = 0 } + var $megaMenuNegativeMargin = $headerContainerWidth - $navWrapWidth - $siteNavigationWrapPosition; $megamenu.css({ 'width': $headerContainerWidth, 'margin-left': -$megaMenuNegativeMargin }) + }, megaMenusTop: function () { + var self = this; if (!self.config.$siteNavDropdowns || 'one' != self.config.siteHeaderStyle) { return } + var $megamenu = $('.megamenu > ul', self.config.$siteNavWrap); if (!$megamenu.length) return; function setPosition() { if (self.config.$siteNavWrap.is(':visible')) { var $headerHeight = self.config.$siteHeader.outerHeight(); var $navHeight = self.config.$siteNavWrap.outerHeight(); var $megaMenuTop = $headerHeight - $navHeight; $megamenu.css({ 'top': $megaMenuTop / 2 + $navHeight }) } } + setPosition(); this.config.$window.scroll(function () { setPosition() }); this.config.$window.resize(function () { setPosition() }); $('.megamenu > a', self.config.$siteNav).hover(function () { setPosition() }) + }, flushDropdownsTop: function () { + var self = this; if (!self.config.$siteNavDropdowns || !self.config.$siteNavWrap.hasClass('wpex-flush-dropdowns')) { return } + function setPosition() { if (self.config.$siteNavWrap.is(':visible')) { var $headerHeight = self.config.$siteHeader.outerHeight(); var $siteNavWrapHeight = self.config.$siteNavWrap.outerHeight(); var $dropTop = $headerHeight - $siteNavWrapHeight; self.config.$siteNavDropdowns.css('top', $dropTop / 2 + $siteNavWrapHeight) } } + setPosition(); this.config.$window.scroll(function () { setPosition() }); this.config.$window.resize(function () { setPosition() }); $('.wpex-flush-dropdowns li.menu-item-has-children > a').hover(function () { setPosition() }) + }, mobileMenu: function () { if ('sidr' == this.config.mobileMenuStyle && typeof wpexLocalize.sidrSource !== 'undefined') { this.mobileMenuSidr() } else if ('toggle' == this.config.mobileMenuStyle) { this.mobileMenuToggle() } else if ('full_screen' == this.config.mobileMenuStyle) { this.mobileMenuFullScreen() } }, mobileMenuSidr: function () { + var self = this, $toggleBtn = $('a.mobile-menu-toggle, li.mobile-menu-toggle > a'); self.config.$body.append('
'); var $sidrOverlay = $('.wpex-sidr-overlay'); $toggleBtn.click(function () { $(this).toggleClass('wpex-active') }); $toggleBtn.sidr({ + name: 'sidr-main', source: wpexLocalize.sidrSource, side: wpexLocalize.sidrSide, displace: wpexLocalize.sidrDisplace, speed: parseInt(wpexLocalize.sidrSpeed), renaming: true, bind: 'click', onOpen: function () { + $('#sidr-main').addClass('wpex-mobile-menu'); if (wpexLocalize.sidrBodyNoScroll) { self.config.$body.addClass('wpex-noscroll') } + $sidrOverlay.fadeIn(wpexLocalize.sidrSpeed, function () { $sidrOverlay.addClass('wpex-custom-cursor') }); $('.wpex-sidr-overlay').on('click', function (event) { $.sidr('close', 'sidr-main'); return false }) + }, onClose: function () { + $toggleBtn.removeClass('wpex-active'); if (wpexLocalize.sidrBodyNoScroll) { self.config.$body.removeClass('wpex-noscroll') } + $sidrOverlay.removeClass('wpex-custom-cursor').fadeOut(wpexLocalize.sidrSpeed) + }, onCloseEnd: function () { $('.sidr-class-menu-item-has-children.active').removeClass('active').find('ul').hide(); if ($.fn.vc_rowBehaviour !== undefined) { vc_rowBehaviour() } } + }); var $sidrMain = $('#sidr-main'); var $sidrMenu = $('.sidr-class-dropdown-menu', $sidrMain), $sidrDropdownTargetEl = $('.sidr-class-menu-item-has-children > a', $sidrMenu); $('.sidr-class-menu-item-has-children', $sidrMenu).children('a').append(''); $sidrDropdownTargetEl.on('click', function (event) { + var $parentEl = $(this).parent('li'); if (!$parentEl.hasClass('active')) { var $allParentLis = $parentEl.parents('li'); $('.sidr-class-menu-item-has-children', $sidrMenu).not($allParentLis).removeClass('active').children('ul').stop(true, true).slideUp('fast'); $parentEl.addClass('active').children('ul').stop(true, true).slideDown('fast') } else { $parentEl.removeClass('active'); $parentEl.find('li').removeClass('active'); $parentEl.find('ul').stop(true, true).slideUp('fast') } + return false + }); var $parents = $('li.sidr-class-menu-item-has-children > a', $sidrMenu); $parents.each(function () { var $this = $(this); if ($this && $this.attr('href') && '#' != $this.attr('href')) { var $parent = $this.parent('li'), el = $parent.clone(); $this.removeAttr('data-ls_linkto'); $parent.removeClass('sidr-class-local-scroll'); el.removeClass('sidr-class-menu-item-has-children sidr-class-dropdown'); el.find('a').removeClass(); el.find('ul, .sidr-class-dropdown-toggle').remove().end().prependTo($this.next('ul')) } }); $("[class*='sidr-class-fa']", $sidrMain).attr('class', function (i, c) { c = c.replace('sidr-class-fa', 'fa'); c = c.replace('sidr-class-fa-', 'fa-'); return c }); $('.sidr-class-wpex-close > a', $sidrMain).on('click', function (e) { e.preventDefault(); $.sidr('close', 'sidr-main') }); self.config.$window.resize(function () { if (self.config.viewportWidth >= self.config.mobileMenuBreakpoint) { $.sidr('close', 'sidr-main') } }); $('li.sidr-class-local-scroll > a', $sidrMain).click(function () { var $hash = this.hash; if ($.inArray($hash, self.config.localScrollSections) > -1) { $.sidr('close', 'sidr-main'); self.scrollTo($hash); return false } }) + }, mobileMenuToggle: function () { + var self = this, $position = wpexLocalize.mobileToggleMenuPosition, $classes = 'mobile-toggle-nav wpex-mobile-menu wpex-clr wpex-togglep-' + $position, $mobileMenuContents = '', $mobileSearch = $('#mobile-menu-search'), $appendTo = self.config.$siteHeader, $toggleBtn = $('a.mobile-menu-toggle, li.mobile-menu-toggle > a'); if ('fixed_top' == self.config.mobileMenuToggleStyle) { $appendTo = $('#wpex-mobile-menu-fixed-top'); if ($appendTo.length) { $appendTo.append('') } } + else if ('absolute' == $position) { if ('navbar' == self.config.mobileMenuToggleStyle) { $appendTo = $('#wpex-mobile-menu-navbar'); if ($appendTo.length) { $appendTo.append('') } } else if ($appendTo) { $appendTo.append('') } } + else if ('afterself' == $position) { $appendTo = $('#wpex-mobile-menu-navbar'); $('').insertAfter($appendTo) } else { $('').insertAfter($appendTo) } + var $mobileToggleNav = $('.mobile-toggle-nav'); if ($('#mobile-menu-alternative').length) { $mobileMenuContents = $('#mobile-menu-alternative .dropdown-menu').html() } else { $mobileMenuContents = $('.dropdown-menu', self.config.$siteNav).html() } + $mobileToggleNav.html('
    ' + $mobileMenuContents + '
'); $('.mobile-toggle-nav-ul, .mobile-toggle-nav-ul *').children().each(function () { $(this).removeAttr('style') }); $('.mobile-toggle-nav-ul').addClass('container'); var parseDropParents = false; if (!parseDropParents) { var $parents = $mobileToggleNav.find('li.menu-item-has-children > a'); $parents.each(function () { var $this = $(this); if ($this && $this.attr('href') && '#' != $this.attr('href')) { var $parent = $this.parent('li'), el = $parent.clone(); $parent.removeClass('local-scroll'); $this.removeAttr('data-ls_linkto'); el.removeClass('menu-item-has-children'); el.find('ul, .wpex-open-submenu').remove().end().prependTo($this.next('ul')) } }); parseDropParents = true } + var dropDownParents = $mobileToggleNav.find('.menu-item-has-children'); dropDownParents.children('a').append(''); var $dropdownTargetEl = $dropdownTargetEl = $('.menu-item-has-children > a', $mobileToggleNav); $dropdownTargetEl.on('click', function (event) { + var $parentEl = $(this).parent('li'); if (!$parentEl.hasClass('active')) { var $allParentLis = $parentEl.parents('li'); $('.menu-item-has-children', $mobileToggleNav).not($allParentLis).removeClass('active').children('ul').stop(true, true).slideUp('fast'); $parentEl.addClass('active').children('ul').stop(true, true).slideDown('fast') } else { $parentEl.removeClass('active'); $parentEl.find('li').removeClass('active'); $parentEl.find('ul').stop(true, true).slideUp('fast') } + return false + }); function openToggle($button) { + if (wpexLocalize.animateMobileToggle) { $mobileToggleNav.stop(true, true).slideDown('fast').addClass('visible') } else { $mobileToggleNav.addClass('visible') } + $button.addClass('wpex-active') + } + function closeToggle($button) { + if (wpexLocalize.animateMobileToggle) { $mobileToggleNav.stop(true, true).slideUp('fast').removeClass('visible') } else { $mobileToggleNav.removeClass('visible') } + $mobileToggleNav.find('li.active > ul').stop(true, true).slideUp('fast'); $mobileToggleNav.find('.active').removeClass('active'); $button.removeClass('wpex-active') + } + $toggleBtn.on('click', function (e) { + if ($mobileToggleNav.hasClass('visible')) { closeToggle($(this)) } else { openToggle($(this)) } + return false + }); self.config.$window.resize(function () { if (self.config.viewportWidth >= self.config.mobileMenuBreakpoint && $mobileToggleNav.hasClass('visible')) { closeToggle($toggleBtn) } }); if ($mobileSearch.length) { $mobileToggleNav.append(''); $('.mobile-toggle-nav-search').append($mobileSearch) } + }, mobileMenuFullScreen: function () { + var self = this, $style = wpexLocalize.fullScreenMobileMenuStyle ? wpexLocalize.fullScreenMobileMenuStyle : false, $mobileSearch = $('#mobile-menu-search'), $menuHTML = ''; self.config.$body.append('
×
'); var $navUL = $('.full-screen-overlay-nav-ul'); if ($('#mobile-menu-alternative').length) { $menuHTML = $('#mobile-menu-alternative .dropdown-menu').html() } else { $menuHTML = $('#site-navigation .dropdown-menu').html() } + $navUL.html($menuHTML); var $nav = $('.full-screen-overlay-nav'); $('.full-screen-overlay-nav, .full-screen-overlay-nav *').children().each(function () { $(this).removeAttr('style') }); var parseDropParents = false; if (!parseDropParents) { var $parents = $nav.find('li.menu-item-has-children > a'); $parents.each(function () { var $this = $(this); if ($this && $this.attr('href') && '#' != $this.attr('href')) { var $parent = $this.parent('li'), el = $parent.clone(); $parent.removeClass('local-scroll'); $this.removeAttr('data-ls_linkto'); el.removeClass('menu-item-has-children'); el.find('ul').remove().end().prependTo($this.next('ul')) } }); parseDropParents = true } + var $dropdownTargetEl = $nav.find('li.menu-item-has-children > a'); $dropdownTargetEl.on('click', function (event) { + var $parentEl = $(this).parent('li'); if (!$parentEl.hasClass('wpex-active')) { var $allParentLis = $parentEl.parents('li'); $nav.find('.menu-item-has-children').not($allParentLis).removeClass('wpex-active').children('ul').stop(true, true).slideUp('fast'); $parentEl.addClass('wpex-active').children('ul').stop(true, true).slideDown({ duration: 'normal', easing: 'easeInQuad' }) } else { $parentEl.removeClass('wpex-active'); $parentEl.find('li').removeClass('wpex-active'); $parentEl.find('ul').stop(true, true).slideUp('fast') } + return false + }); $('.mobile-menu-toggle').on('click', function () { $nav.addClass('visible'); self.config.$body.addClass('wpex-noscroll'); return false }); $('.local-scroll > a', $nav).click(function () { var $hash = this.hash; if ($.inArray($hash, self.config.localScrollSections) > -1) { $nav.removeClass('visible'); self.config.$body.removeClass('wpex-noscroll'); return false } }); $('.full-screen-overlay-nav-close').on('click', function () { $nav.removeClass('visible'); $nav.find('li.wpex-active > ul').stop(true, true).slideUp('fast'); $nav.find('.wpex-active').removeClass('wpex-active'); self.config.$body.removeClass('wpex-noscroll'); return false }); if ($mobileSearch.length) { $navUL.append($mobileSearch); $('#mobile-menu-search').wrap('') } + }, navNoClick: function () { $('li.nav-no-click > a, li.sidr-class-nav-no-click > a').on('click', function () { return false }) }, menuSearch: function () { + var self = this; var $toggleEl = ''; var $wrapEl = $('.header-searchform-wrap'); if ($wrapEl.length) { + if ($wrapEl.data('placeholder')) { $wrapEl.find('input[type="search"]').attr('placeholder', $wrapEl.data('placeholder')) } + if ($wrapEl.data('disable-autocomplete')) { $wrapEl.find('input[type="search"]').attr('autocomplete', 'off') } + } + if ('drop_down' == wpexLocalize.menuSearchStyle) { + $toggleEl = $('a.search-dropdown-toggle, a.mobile-menu-search'); var $searchDropdownForm = $('#searchform-dropdown'); $toggleEl.click(function (event) { + $searchDropdownForm.toggleClass('show'); $(this).parent('li').toggleClass('active'); var $transitionDuration = $searchDropdownForm.css('transition-duration'); $transitionDuration = $transitionDuration.replace('s', '') * 1000; if ($transitionDuration) { setTimeout(function () { $searchDropdownForm.find('input[type="search"]').focus() }, $transitionDuration) } + $('div#current-shop-items-dropdown').removeClass('show'); $('li.wcmenucart-toggle-dropdown').removeClass('active'); return false + }); self.config.$document.on('click', function (event) { if (!$(event.target).closest('#searchform-dropdown.show').length) { $toggleEl.parent('li').removeClass('active'); $searchDropdownForm.removeClass('show') } }) + } + else if ('overlay' == wpexLocalize.menuSearchStyle) { + $toggleEl = $('a.search-overlay-toggle, a.mobile-menu-search, li.search-overlay-toggle > a'); var $overlayEl = $('#wpex-searchform-overlay'); var $inner = $overlayEl.find('.wpex-inner'); $toggleEl.on('click', function (event) { + $overlayEl.toggleClass('active'); $overlayEl.find('input[type="search"]').val(''); if ($overlayEl.hasClass('active')) { var $overlayElTransitionDuration = $overlayEl.css('transition-duration'); $overlayElTransitionDuration = $overlayElTransitionDuration.replace('s', '') * 1000; setTimeout(function () { $overlayEl.find('input[type="search"]').focus() }, $overlayElTransitionDuration) } + return false + }); $inner.click(function (event) { event.stopPropagation() }); $overlayEl.click(function () { $overlayEl.removeClass('active') }) + } + else if ('header_replace' == wpexLocalize.menuSearchStyle) { + $toggleEl = $('a.search-header-replace-toggle, a.mobile-menu-search'); var $headerReplace = $('#searchform-header-replace'); $toggleEl.click(function (event) { + $headerReplace.toggleClass('show'); var $transitionDuration = $headerReplace.css('transition-duration'); $transitionDuration = $transitionDuration.replace('s', '') * 1000; if ($transitionDuration) { setTimeout(function () { $headerReplace.find('input[type="search"]').focus() }, $transitionDuration) } + return false + }); $('#searchform-header-replace-close').click(function () { $headerReplace.removeClass('show'); return false }); self.config.$document.on('click', function (event) { if (!$(event.target).closest($('#searchform-header-replace.show')).length) { $headerReplace.removeClass('show') } }) + } + }, headerCart: function () { + }, headerOverlayOffset: function () { + }, hideEditLink: function () { + }, inlineHeaderLogo: function () { + var self = this; if ('five' != self.config.siteHeaderStyle) return; var $headerLogo = $('#site-header-inner > .header-five-logo', self.config.$siteHeader); var $headerNav = $('.navbar-style-five', self.config.$siteHeader); var $navLiCount = $headerNav.children('#site-navigation').children('ul').children('li').size(); var $navBeforeMiddleLi = Math.round($navLiCount / 2) - parseInt(wpexLocalize.headerFiveSplitOffset); var $centeredLogo = $('.menu-item-logo .header-five-logo'); if (this.config.viewportWidth >= this.config.mobileMenuBreakpoint && $headerLogo.length && $headerNav.length) { $('').insertAfter($headerNav.find('#site-navigation > ul > li:nth( ' + $navBeforeMiddleLi + ' )')); $headerLogo.appendTo($headerNav.find('.menu-item-logo')) } + if (this.config.viewportWidth < this.config.mobileMenuBreakpoint && $centeredLogo.length) { $centeredLogo.prependTo($('#site-header-inner')); $('.menu-item-logo').remove() } + $headerLogo.addClass('display') + }, backTopLink: function () { var self = this; var $scrollTopLink = $('a#site-scroll-top'); if ($scrollTopLink.length) { var $speed = wpexLocalize.scrollTopSpeed ? parseInt(wpexLocalize.scrollTopSpeed) : 1000; var $offset = wpexLocalize.scrollTopOffset ? parseInt(wpexLocalize.scrollTopOffset) : 100; self.config.$window.scroll(function () { if ($(this).scrollTop() > $offset) { $scrollTopLink.addClass('show') } else { $scrollTopLink.removeClass('show') } }); $scrollTopLink.on('click', function (event) { $('html, body').stop(true, true).animate({ scrollTop: 0 }, $speed, self.config.localScrollEasing); return false }) } }, smoothCommentScroll: function () { var self = this; $('.single li.comment-scroll a').click(function (event) { var $target = $('#comments'); var $offset = $target.offset().top - self.config.localScrollOffset - 20; self.scrollTo($target, $offset); return false }) }, tipsyTooltips: function () { $('a.tooltip-left').tipsy({ fade: true, gravity: 'e' }); $('a.tooltip-right').tipsy({ fade: true, gravity: 'w' }); $('a.tooltip-up').tipsy({ fade: true, gravity: 's' }); $('a.tooltip-down').tipsy({ fade: true, gravity: 'n' }) }, responsiveText: function () { var self = this; var $responsiveText = $('.wpex-responsive-txt'); $responsiveText.each(function () { var $this = $(this); var $thisWidth = $this.width(); var $data = $this.data(); var $minFont = self.parseData($data.minFontSize, 13); var $maxFont = self.parseData($data.maxFontSize, 40); var $ratio = self.parseData($data.responsiveTextRatio, 10); var $fontBase = $thisWidth / $ratio; var $fontSize = $fontBase > $maxFont ? $maxFont : $fontBase < $minFont ? $minFont : $fontBase; $this.css('font-size', $fontSize + 'px') }) }, toggleBar: function () { + var self = this; var $toggleBtn = $('a.toggle-bar-btn, a.togglebar-toggle, .togglebar-toggle > a'); var $toggleBarWrap = $('#toggle-bar-wrap'); if ($toggleBtn.length && $toggleBarWrap.length) { + $toggleBtn.on('click', function (event) { + var $fa = $('.toggle-bar-btn').find('.fa'); if ($fa.length) { $fa.toggleClass($toggleBtn.data('icon')); $fa.toggleClass($toggleBtn.data('icon-hover')) } + $toggleBarWrap.toggleClass('active-bar'); return false + }); self.config.$document.on('click', function (event) { if (!$(event.target).closest('#toggle-bar-wrap.active-bar').length) { $toggleBarWrap.removeClass('active-bar'); var $fa = $toggleBtn.children('.fa'); if ($fa.length) { $fa.removeClass($toggleBtn.data('icon-hover')).addClass($toggleBtn.data('icon')) } } }) + } + }, skillbar: function ($context) { + }, milestone: function ($context) { + + }, twentytwenty: function ($context) { + if (undefined === $.fn.twentytwenty || undefined === $.fn.imagesLoaded) { return } + $('.vcex-image-ba', $context).each(function () { var $this = $(this); $this.imagesLoaded(function () { $this.twentytwenty($this.data('options')) }) }) + }, countdown: function ($context) { + if (undefined === $.fn.countdown) { return } + $('.vcex-countdown', $context).each(function () { + var $this = $(this), endDate = $this.data('countdown'), days = $this.data('days'), hours = $this.data('hours'), minutes = $this.data('minutes'), seconds = $this.data('seconds'), timezone = $this.data('timezone'); if (timezone && typeof moment.tz !== 'undefined' && $.isFunction(moment.tz)) { endDate = moment.tz(endDate, timezone).toDate() } + if (!endDate) { return } + $this.countdown(endDate, function (event) { $this.html(event.strftime('
%-D ' + days + '
%-H ' + hours + '
%-M ' + minutes + '
%-S ' + seconds + '
')) }) + }) + }, typedText: function ($context) { + }, parallax: function ($context) { $('.wpex-parallax-bg', $context).each(function () { var $this = $(this); $this.scrolly2().trigger('scroll'); $this.css({ 'opacity': 1 }) }) }, parseLocalScrollOffset: function (instance) { + var self = this; var $offset = 0; if (wpexLocalize.localScrollOffset) { return wpexLocalize.localScrollOffset } + if (wpexLocalize.localScrollExtraOffset) { $offset = $offset + parseInt(wpexLocalize.localScrollExtraOffset) } + if ($('#wpadminbar').is(':visible')) { $offset = parseInt($offset) + parseInt($('#wpadminbar').outerHeight()) } + if ('fixed_top' == self.config.mobileMenuToggleStyle) { var $mmFixed = $('#wpex-mobile-menu-fixed-top'); if ($mmFixed.length && $mmFixed.is(':visible')) { $offset = parseInt($offset) + parseInt($mmFixed.outerHeight()) } } + if (self.config.hasStickyTopBar) { $offset = parseInt($offset) + parseInt(self.config.$stickyTopBar.outerHeight()) } + if (self.config.hasStickyHeader) { + if (!self.config.hasStickyMobileHeader && self.config.windowWidth <= wpexLocalize.stickyHeaderBreakPoint) { $offset = parseInt($offset) + 0 } + else { + if (self.config.$siteHeader.hasClass('shrink-sticky-header')) { if ('init' == instance || self.config.$siteHeader.is(':visible')) { $offset = parseInt($offset) + parseInt(wpexLocalize.shrinkHeaderHeight) } } + else { $offset = parseInt($offset) + parseInt(self.config.siteHeaderHeight) } + } + } + if (self.config.hasStickyNavbar) { if (self.config.viewportWidth >= wpexLocalize.stickyNavbarBreakPoint) { $offset = parseInt($offset) + parseInt(self.config.$siteNavWrap.outerHeight()) } } + var $vcexNavbarSticky = $('.vcex-navbar-sticky'); if ($vcexNavbarSticky.length) { $offset = parseInt($offset) + parseInt($vcexNavbarSticky.outerHeight()) } + $offset = $offset ? $offset - 1 : 0; return $offset + }, scrollTo: function (hash, offset, callback) { + if (!hash) { return } + var self = this; var $target = null; var $page = $('html, body'); var $isLsDataLink = false; var $lsTarget = $('[data-ls_id="' + hash + '"]'); if ($lsTarget.length) { $target = $lsTarget; $isLsDataLink = true } + else { if (typeof hash == 'string') { $target = $(hash) } else { $target = hash } } + if ($target.length) { + var $lsSpeed = self.config.localScrollSpeed ? parseInt(self.config.localScrollSpeed) : 1000, $lsOffset = self.config.localScrollOffset, $lsEasing = self.config.localScrollEasing; offset = offset ? offset : $target.offset().top - $lsOffset; if (hash && $isLsDataLink && wpexLocalize.localScrollUpdateHash) { window.location.hash = hash } + var $mobileToggleNav = $('.mobile-toggle-nav'); if ($mobileToggleNav.hasClass('visible')) { $('a.mobile-menu-toggle, li.mobile-menu-toggle > a').removeClass('wpex-active'); if (wpexLocalize.animateMobileToggle) { $mobileToggleNav.slideUp('fast', function () { $mobileToggleNav.removeClass('visible'); $page.stop(true, true).animate({ scrollTop: $target.offset().top - $lsOffset }, $lsSpeed) }) } else { $mobileToggleNav.hide().removeClass('visible'); $page.stop(true, true).animate({ scrollTop: $target.offset().top - $lsOffset }, $lsSpeed) } } + else { $page.stop(true, true).animate({ scrollTop: offset }, $lsSpeed, $lsEasing) } + } + }, scrollToHash: function (self) { + var hash = location.hash; var $target = ''; var $offset = ''; if (!hash) { return } + if ('#view_comments' == hash || '#comments_reply' == hash) { + $target = $('#comments'); $offset = $target.offset().top - self.config.localScrollOffset - 20; if ($target.length) { self.scrollTo($target, $offset) } + return + } + if (self.config.hasStickyHeader && hash.indexOf('comment-') != -1) { $target = $(hash); $offset = $target.offset().top - self.config.localScrollOffset - 20; self.scrollTo($target, $offset); return } + if (hash.indexOf('localscroll-') != -1) { self.scrollTo(hash.replace('localscroll-', '')); return } + if ($('[data-ls_id="' + hash + '"]').length) { self.scrollTo(hash); return } + }, localScrollSections: function () { + var self = this; if (self.config.$siteNav) { var $navLinks = $('a', this.config.$siteNav); var $location = location; var $currentPage = $location.href; $currentPage = $location.hash ? $currentPage.substr(0, $currentPage.indexOf('#')) : $currentPage; $navLinks.each(function () { var $this = $(this); var $ref = $this.attr('href'); if ($ref && $ref.indexOf('localscroll-') != -1) { $this.parent('li').addClass('local-scroll'); var $withoutHash = $ref.substr(0, $ref.indexOf('#')); if ($withoutHash == $currentPage) { var $hash = $ref.substring($ref.indexOf('#') + 1); var $parseHash = $hash.replace('localscroll-', ''); $this.attr('data-ls_linkto', '#' + $parseHash) } } }) } + var $array = []; var $links = $(self.config.$localScrollTargets); for (var i = 0; i < $links.length; i++) { + var $link = $links[i]; var $linkDom = $($link); var $href = $($link).attr('href'); var $hash = $href ? '#' + $href.replace(/^.*?(#|$)/, '') : null; if ($hash && '#' != $hash) { + if (!$linkDom.attr('data-ls_linkto')) { $linkDom.attr('data-ls_linkto', $hash) } + if ($('[data-ls_id="' + $hash + '"]').length) { if ($.inArray($hash, $array) == -1) { $array.push($hash) } } + else if ($($hash).length) { if ($.inArray($hash, $array) == -1) { $array.push($hash) } } + } + } + return $array + }, + localScrollHighlight: function () { + if (!wpexLocalize.localScrollHighlight) { return } + var self = this, localScrollSections = self.config.localScrollSections; if (!localScrollSections.length) { return } + var $windowPos = this.config.$window.scrollTop(), $divPos, $divHeight, $higlight_link; for (var i = 0; i < localScrollSections.length; i++) { + var $section = localScrollSections[i]; if ($('[data-ls_id="' + $section + '"]').length) { var $targetDiv = $('[data-ls_id="' + $section + '"]'); $divPos = $targetDiv.offset().top - self.config.localScrollOffset - 1; $divHeight = $targetDiv.outerHeight(); $higlight_link = $('[data-ls_linkto="' + $section + '"]') } + else if ($($section).length) { $divPos = $($section).offset().top - self.config.localScrollOffset - 1; $divHeight = $($section).outerHeight(); $higlight_link = $('[data-ls_linkto="' + $section + '"]') } + if ($windowPos >= $divPos && $windowPos < ($divPos + $divHeight)) { $higlight_link.addClass('active'); $higlight_link.parent('li').addClass('current-menu-item') } else { $higlight_link.removeClass('active'); $higlight_link.parent('li').removeClass('current-menu-item') } + } + }, equalHeights: function ($context) { + if ($.fn.wpexEqualHeights !== undefined) { + var container_block = $(window.wpexAnimsition.linkElement).parents(window.wpexAnimsition.container_block); + $(container_block, $context).wpexEqualHeights({ children: window.wpexAnimsition.children_text_block }); + } + }, footerReveal: function () { + var self = this; if (!self.config.$hasFooterReveal) { return } + var $footerReveal = self.config.$footerReveal; + function showHide() { + if (self.config.viewportWidth < 960) { + if ($footerReveal.hasClass('footer-reveal')) { + $footerReveal.toggleClass('footer-reveal footer-reveal-visible'); + self.config.$siteWrap.css('margin-bottom', '') + } + return + } + var $hideFooter = false, + $footerRevealHeight = $footerReveal.outerHeight(), + windowHeight = self.config.windowHeight, $heightCheck = 0; + if ($footerReveal.hasClass('footer-reveal')) { + $heightCheck = self.config.$siteWrap.outerHeight() + self.config.localScrollOffset + } else { + $heightCheck = self.config.$siteWrap.outerHeight() + self.config.localScrollOffset - $footerRevealHeight + } + if ((windowHeight > $footerRevealHeight) && ($heightCheck > windowHeight)) { + $hideFooter = true + } + if ($hideFooter && $footerReveal.hasClass('footer-reveal-visible')) { + self.config.$siteWrap.css({ 'margin-bottom': $footerRevealHeight }); $footerReveal.removeClass('footer-reveal-visible'); + $footerReveal.addClass('footer-reveal') + } + if (!$hideFooter && $footerReveal.hasClass('footer-reveal')) { self.config.$siteWrap.css('margin-bottom', ''); $footerReveal.removeClass('footer-reveal'); $footerReveal.removeClass('wpex-visible'); $footerReveal.addClass('footer-reveal-visible') } + } + function reveal() { if ($footerReveal.hasClass('footer-reveal')) { if (self.scrolledToBottom(self.config.$siteMain)) { $footerReveal.addClass('wpex-visible') } else { $footerReveal.removeClass('wpex-visible') } } } + showHide(); self.config.$window.scroll(function () { reveal() }); self.config.$window.resize(function () { if (self.config.widthChanged || self.config.heightChanged) { showHide() } }) + }, titleBreadcrumbsFix: function () { + + }, customSelects: function ($context) { $(wpexLocalize.customSelects, $context).each(function () { var $this = $(this); var elID = $this.attr('id'); var elClass = elID ? ' wpex-' + elID : ''; if ($this.is(':visible')) { if ($this.attr('multiple')) { $this.wrap('
') } else { $this.wrap('
') } } }); $('.wpex-select-wrap', $context).append(''); if ($.fn.select2 !== undefined) { $('#calc_shipping_country').select2() } }, fadeIn: function () { $('.fade-in-image, .wpex-show-on-load').addClass('no-opacity') }, wpexOwlCarousel: function ($context) { + if (undefined === $.fn.wpexOwlCarousel) { return } + var self = this; $('.wpex-carousel', $context).each(function () { var $this = $(this), $data = $this.data(); var owl = $this.wpexOwlCarousel({ animateIn: false, animateOut: false, lazyLoad: false, smartSpeed: $data.smartSpeed ? $data.smartSpeed : wpexLocalize.carouselSpeed, rtl: wpexLocalize.isRTL ? true : false, dots: $data.dots, nav: $data.nav, items: $data.items, slideBy: $data.slideby, center: $data.center, loop: $data.loop, margin: $data.margin, autoplay: $data.autoplay, autoplayTimeout: $data.autoplayTimeout, autoHeight: $data.autoHeight, autoWidth: $data.autoWidth, autoplayHoverPause: true, navText: ['', ''], responsive: { 0: { items: $data.itemsMobilePortrait }, 480: { items: $data.itemsMobileLandscape }, 768: { items: $data.itemsTablet }, 960: { items: $data.items } } }) }) + }, sliderPro: function ($context) { + var self = this; if (undefined === $.fn.sliderPro) { return } + $('.wpex-slider', $context).each(function () { + var $slider = $(this); var $data = $slider.data(); var $slides = $slider.find('.sp-slide'); $slider.find('.wpex-slider-slide, .wpex-slider-thumbnails.sp-thumbnails').css({ 'opacity': 1, 'display': 'block' }); var $autoHeight = self.parseData($data.autoHeight, true); var $preloader = $slider.prev('.wpex-slider-preloaderimg'); var $height = ($preloader.length && $autoHeight) ? $preloader.outerHeight() : null; var $heightAnimationDuration = self.parseData($data.heightAnimationDuration, 600); var $loop = self.parseData($data.loop, false); var $autoplay = self.parseData($data.autoPlay, true); if (!$autoHeight && $slides.length) { var $tallest = self.getTallestEl($slides); $height = $tallest.height() } + $slider.sliderPro({ aspectRatio: -1, width: '100%', height: $height, responsive: true, fade: self.parseData($data.fade, 600), touchSwipe: self.parseData($data.touchSwipe, true), fadeDuration: self.parseData($data.animationSpeed, 600), slideAnimationDuration: self.parseData($data.animationSpeed, 600), autoHeight: $autoHeight, heightAnimationDuration: parseInt($heightAnimationDuration), arrows: self.parseData($data.arrows, true), fadeArrows: self.parseData($data.fadeArrows, true), autoplay: $autoplay, autoplayDelay: self.parseData($data.autoPlayDelay, 5000), buttons: self.parseData($data.buttons, true), shuffle: self.parseData($data.shuffle, false), orientation: self.parseData($data.direction, 'horizontal'), loop: $loop, keyboard: false, fullScreen: self.parseData($data.fullscreen, false), slideDistance: self.parseData($data.slideDistance, 0), thumbnailsPosition: 'bottom', thumbnailHeight: self.parseData($data.thumbnailHeight, 70), thumbnailWidth: self.parseData($data.thumbnailWidth, 70), thumbnailPointer: self.parseData($data.thumbnailPointer, false), updateHash: self.parseData($data.updateHash, false), thumbnailArrows: false, fadeThumbnailArrows: false, thumbnailTouchSwipe: true, fadeCaption: self.parseData($data.fadeCaption, true), captionFadeDuration: 600, waitForLayers: true, autoScaleLayers: true, forceSize: 'none', reachVideoAction: 'playVideo', leaveVideoAction: 'pauseVideo', endVideoAction: 'nextSlide', fadeOutPreviousSlide: true, autoplayOnHover: self.parseData($data.autoplayOnHover, 'pause'), init: function (event) { $slider.prev('.wpex-slider-preloaderimg').remove() }, gotoSlide: function (event) { if (!$loop && $autoplay && event.index === $slider.find('.sp-slide').length - 1) { $slider.data('sliderPro').stopAutoplay() } } }) + }); $('.woo-product-entry-slider').click(function () { return false }); if (undefined === $.fn.imagesLoaded) { return } + var $sliderProThumbsNC = $('.wpex-slider-thumbnails.sp-nc-thumbnails', $context); $sliderProThumbsNC.each(function () { var $this = $(this); $this.imagesLoaded(function () { $this.css({ 'opacity': 1, 'display': 'block' }) }) }) + }, isotopeGrids: function ($context) { + var self = this; + if (undefined === $.fn.imagesLoaded || undefined === $.fn.isotope) { return } + var containers = $(window.wpexAnimsition.linkElement).parents(window.wpexAnimsition.container_block); + $(containers).each(function (i,v) { + var $container = $(this); + $container.imagesLoaded(function () { + var activeItems; + var $filter = $container.parent().find(window.wpexAnimsition.filter_bar); + if ($filter.length) { + var $filterLinks = $filter.find(window.wpexAnimsition.filter_option); + activeItems = ''; + $filterLinks.click(function () { + var filter_constraint = $(this).attr(window.wpexAnimsition.filter_attr); + if(filter_constraint == "all"){ + filter_constraint = undefined; + }else{ + if(window.wpexAnimsition.use_attr_filter){ + filter_constraint = "["+window.wpexAnimsition.filter_attr+"=\""+filter_constraint+"\"]"; + } + } + $grid.isotope({ filter: filter_constraint}); + self.equalHeights(); + return false; + }) + } + var $grid = $container.isotope({ + itemSelector: window.wpexAnimsition.linkElement, + transformsEnabled: true, + isOriginLeft: wpexLocalize.isRTL ? false : true, + transitionDuration: $container.data('transition-duration') ? $container.data('transition-duration') + 's' : '0.4s', + layoutMode: $container.data('layout-mode') ? $container.data('layout-mode') : 'masonry', + filter: activeItems + }) + $grid.on( 'arrangeComplete', function(){ + /* something event to run after isotope */ + }); + }) + }) + }, customHovers: function () { + + }, responsiveCSS: function () { var headCSS = ''; var mediaObj = {}; var bkPoints = {}; $('.wpex-vc-rcss').remove(); bkPoints.d = ''; bkPoints = $.extend(bkPoints, wpexLocalize.responsiveDataBreakpoints); $.each(bkPoints, function (key) { mediaObj[key] = '' }); $('[data-wpex-rcss]').each(function (index, value) { var $this = $(this); var uniqueClass = 'wpex-rcss-' + index; var data = $this.data('wpex-rcss'); $this.addClass(uniqueClass); $.each(data, function (key, val) { var thisVal = val; var target = key; $.each(bkPoints, function (key) { if (thisVal[key]) { mediaObj[key] += '.' + uniqueClass + '{' + target + ':' + thisVal[key] + '!important;}' } }) }) }); $.each(mediaObj, function (key, val) { if ('d' == key) { headCSS += val } else { if (val) { headCSS += '@media (max-width: ' + bkPoints[key] + ') { ' + val + ' }' } } }); if (headCSS) { headCSS = ''; this.config.$head.append(headCSS) } }, vcexFilterNav: function ($context) { + + }, archiveMasonryGrids: function () { + if (undefined === $.fn.imagesLoaded || undefined === $.fn.isotope) { return } + var self = this, $archives = $('.blog-masonry-grid,div.wpex-row.portfolio-masonry,div.wpex-row.portfolio-no-margins,div.wpex-row.staff-masonry,div.wpex-row.staff-no-margins'); $archives.each(function () { var $this = $(this); var $data = $this.data(); $this.imagesLoaded(function () { var $grid = $this.isotope({ itemSelector: '.isotope-entry', transformsEnabled: true, isOriginLeft: wpexLocalize.isRTL ? false : true, transitionDuration: self.parseData($data.transitionDuration, '0.0') + 's', layoutMode: self.parseData($data.layoutMode, 'masonry') }) }) }) + }, autoLightbox: function () { + if (!wpexLocalize.iLightbox.auto) { return } + var self = this, imageExt = ['bmp', 'gif', 'jpeg', 'jpg', 'png', 'tiff', 'tif', 'jfif', 'jpe']; $('.wpb_text_column a:has(img), body.no-composer .entry a:has(img)').each(function () { var $this = $(this); var href = $this.attr('href'); var ext = self.getUrlExtension(href); if (href && imageExt.indexOf(ext) !== -1) { if (!$this.parents('.woocommerce-product-gallery').length) { $this.addClass('wpex-lightbox') } } }) + }, + iLightbox: function ($context) { + }, + overlayHovers: function () { + }, stickyTopBar: function () { + + }, stickyOffset: function () { + + }, stickyHeader: function () { + + }, shrinkStickyHeader: function () { + + }, stickyHeaderMenu: function () { + + }, stickyVcexNavbar: function () { + + }, infiniteScrollInit: function () { + }, loadMore: function () { + + }, ctf7Preloader: function () { + if (!wpexLocalize.altercf7Prealoader) { return } + var $forms = $('form.wpcf7-form'); $forms.each(function () { var $this = $(this); var $button = $this.find('.wpcf7-submit'); if ($button.length) { $this.find('.ajax-loader').remove(); var $customLoader = $(''); $button.after($customLoader); $button.on('click', function () { $customLoader.addClass('visible') }); $('div.wpcf7').on('wpcf7:invalid wpcf7:spam wpcf7:mailsent wpcf7:mailfailed', function () { $customLoader.removeClass('visible') }) } }) + }, vcTabsTogglesJS: function () { + + }, vcAccessability: function () { + + }, rtlStretchRows: function () { + + }, vcexRemoveiFrameDups: function ($context) { + + }, vcPageEditable: function () { + + }, vcPageEditableFuncs: function ($context) { + + }, wooGallery: function () { + }, parseData: function (val, fallback) { return (typeof val !== 'undefined') ? val : fallback }, getUrlExtension: function (url) { var ext = url.split('.').pop().toLowerCase(); var extra = ext.indexOf('?') !== -1 ? ext.split('?').pop() : ''; ext = ext.replace(extra, ''); return ext.replace('?', '') }, scrolledToBottom: function (elem) { return this.config.windowTop >= elem.offset().top + elem.outerHeight() - window.innerHeight }, isElementInWindowView: function (elem) { var docViewTop = this.config.$window.scrollTop(); var docViewBottom = docViewTop + this.config.windowHeight; var elemTop = $(elem).offset().top; var elemBottom = elemTop + $(elem).height(); return ((elemBottom <= docViewBottom) && (elemTop >= docViewTop)) }, getTallestEl: function (el) { var tallest; var first = 1; el.each(function () { var $this = $(this); if (first == 1) { tallest = $this; first = 0 } else { if (tallest.height() < $this.height()) { tallest = $this } } }); return tallest }, + }; wpex.init() +})(jQuery) \ No newline at end of file diff --git a/app/controllers/announcements_controller.rb b/app/controllers/announcements_controller.rb index e9c55bc..02dd457 100644 --- a/app/controllers/announcements_controller.rb +++ b/app/controllers/announcements_controller.rb @@ -66,7 +66,12 @@ class AnnouncementsController < ApplicationController end # anns = anns.concat(feeds_anns) # total_pages = announcements.total_pages - + params = OrbitHelper.params + page = Page.where(url:params['url']).first + @annc_page_title = nil + if params['category'] != page.categories + @annc_page_title = Category.find(Array(params['category']).first).title rescue nil + end { "announcements" => anns, @@ -82,7 +87,8 @@ class AnnouncementsController < ApplicationController "file-head" => t('announcement.table.file'), "view-count-head" => t('announcement.table.view_count'), "display" => display, - "department-head" => t('announcement.table.department') + "department-head" => t('announcement.table.department'), + "page-title" => @annc_page_title }, "total_pages" => total_pages } @@ -126,15 +132,183 @@ class AnnouncementsController < ApplicationController end def pack_data(is_random=false) - tags = OrbitHelper.widget_tags || [] cats = OrbitHelper.widget_categories || [] subpart = OrbitHelper.get_current_widget - anns_cache = AnnsCache.where(parent_id: subpart.id.to_s,locale: I18n.locale.to_s) + get_tabs_option + anns = [] + if @tab_option == 0 + anns = get_anncs_for_pack_data(cats,is_random) + else + cats.each do |cat| + anns = anns + get_anncs_for_pack_data([cat]) + end + end + mp = (anns[0]["img_src"] rescue "") + mpd = (anns[0]["img_description"] rescue "") + if @tab_option == 1 + cats = ["all"] + cats + anns = anns.sort{|v1,v2| v2["postdate"]<=>v1["postdate"]} + end + cats = cats.uniq + cats_translations = cats.map{|cat_id| + if cat_id == "all" + t = I18n.t(:all) + else + t = Category.find(cat_id).title rescue "" + end + [cat_id,t] + }.to_h + cats_relations = cats_translations.map{|cat_id,t| + if cat_id == "all" + t = "all" + end + [cat_id,t] + }.to_h + page = Page.where(:page_id=> subpart.read_more_page_id).first rescue nil + page = Page.where(:module => "announcement").first rescue nil if page.nil? + if @tab_option != 0 + OrbitHelper.set_widget_title(OrbitHelper.widget_title + + "
" + + "
    " + + cats.map.with_index{|cat,i| + read_more_url = "/#{I18n.locale.to_s + page.url}" rescue "" + read_more_url = read_more_url + "?" + {"category"=>cat}.to_param if read_more_url != "" + "
  • #{cats_translations[cat]}
  • " + }.join("") + + "
" + ) + extra_html = ' + + + + ' + else + extra_html = "" + end + { + "announcements" => anns, + "extras" => { + "more_url"=>OrbitHelper.widget_more_url, + "main_picture" => mp, + "main_picture_description" => mpd, + "title-head" => t('announcement.table.title'), + "date-head" => t('announcement.table.date'), + "author-head" => t('announcement.table.author'), + "status-head" => t('announcement.table.status'), + "subtitle-head" => t('announcement.table.sub_title'), + "category-head" => t('announcement.table.category'), + "link-head" => t('announcement.table.link'), + "file-head" => t('announcement.table.file'), + "read_more" => ("/#{I18n.locale.to_s + page.url}" rescue ""), + "read_more_text" => "read more", + "extra_brefore_html" => extra_html + } + } + end + def get_tabs_option + subpart = OrbitHelper.get_current_widget + tab_options = ["not_enable_tabs","enable_tabs_with_categories_include_all","enable_tabs_with_categories"] + @tab_option = 0 + if subpart.methods.include? 'select_options'.to_sym + ModuleApp.all.select{|tmp| tmp.key.to_s=='announcement'}.each do |modile_app| + @show_options = modile_app.show_options rescue nil + end + subpart.select_options.each do |select_option| + if !(@show_options.nil?) && select_option.field_name == @show_options.keys[1].to_s + value = YAML.load(select_option.value) + tmp = value[:en] + I18n.with_locale(:en) do + tab_options.each_with_index do |option,i| + if tmp == t("announcement.#{option}") + @tab_option = i + break + end + end + end + end + end + end + end + def get_anncs_for_pack_data(cats,is_random = false) + tags = OrbitHelper.widget_tags || [] + subpart = OrbitHelper.get_current_widget + anns_cache = AnnsCache.where(parent_id: subpart.id.to_s + cats.to_s,locale: I18n.locale.to_s) widget_data_count = OrbitHelper.widget_data_count set_image_version_for_widget() devide_flag = (!(defined? SiteFeed).nil?) if anns_cache.count != 1 || is_random - page = Page.where(:module => "announcement").first rescue nil Bulletin.remove_expired_status uid = OrbitHelper.params[:uid] rescue "" sorted_anns = Bulletin.where(:title.nin => ["",nil],:is_preview.in=>[false,nil], :uid.ne => uid) @@ -149,10 +323,10 @@ class AnnouncementsController < ApplicationController now_anns = sorted_anns.to_a top_anns = now_anns.select{|v| v.is_top}.map{|v| data_to_human_type(v)} not_top_anns = now_anns.select{|v| !v.is_top}.map{|v| data_to_human_type(v)} - AnnsCache.create(parent_id: subpart.id.to_s,locale: I18n.locale.to_s,filter_result: {top: top_anns,not_top: not_top_anns}) + AnnsCache.create(parent_id: subpart.id.to_s + cats.to_s,locale: I18n.locale.to_s,filter_result: {top: top_anns,not_top: not_top_anns}) else anns = sorted_anns.map{|v| data_to_human_type(v)} - AnnsCache.create(parent_id: subpart.id.to_s,locale: I18n.locale.to_s,filter_result: anns) + AnnsCache.create(parent_id: subpart.id.to_s + cats.to_s,locale: I18n.locale.to_s,filter_result: anns) end else if devide_flag @@ -184,25 +358,7 @@ class AnnouncementsController < ApplicationController end end anns.each{|a| a["postdate"] = a["postdate"].in_time_zone(Time.zone.utc_offset / 3600).strftime('%Y-%m-%d %H:%M') rescue nil } - mp = (anns[0]["img_src"] rescue "") - mpd = (anns[0]["img_description"] rescue "") - { - "announcements" => anns, - "extras" => { - "more_url"=>OrbitHelper.widget_more_url, - "main_picture" => mp, - "main_picture_description" => mpd, - "title-head" => t('announcement.table.title'), - "date-head" => t('announcement.table.date'), - "author-head" => t('announcement.table.author'), - "status-head" => t('announcement.table.status'), - "subtitle-head" => t('announcement.table.sub_title'), - "category-head" => t('announcement.table.category'), - "link-head" => t('announcement.table.link'), - "file-head" => t('announcement.table.file'), - "read_more" => ("/#{I18n.locale.to_s + page.url}" rescue "") - } - } + anns end def get_file @url = request.path diff --git a/app/models/bulletin.rb b/app/models/bulletin.rb index 85b37e1..9456b8a 100644 --- a/app/models/bulletin.rb +++ b/app/models/bulletin.rb @@ -9,7 +9,7 @@ class Bulletin include OrbitCategory::Categorizable include Slug require 'bulletin_model/cache' - include BulletinModel::Cache + include ::BulletinModel::Cache attr_accessor :org_tag_ids def tags=(ids) self.org_tag_ids = self.tag_ids diff --git a/config/locales/en.yml b/config/locales/en.yml index 8fd908e..62ac504 100644 --- a/config/locales/en.yml +++ b/config/locales/en.yml @@ -3,6 +3,10 @@ en: feed: Feed import: Import announcement: + tabs_options: Tabs options + not_enable_tabs: Not enable tabs + enable_tabs_with_categories_include_all: Enable tabs with categories(include all) + enable_tabs_with_categories: Enable tabs with categories time: Time send_comment: Send Comment comment: Comment diff --git a/config/locales/zh_tw.yml b/config/locales/zh_tw.yml index 81d9ab4..34290b8 100644 --- a/config/locales/zh_tw.yml +++ b/config/locales/zh_tw.yml @@ -3,6 +3,10 @@ zh_tw: feed: 供給 import: 匯入 announcement: + tabs_options: 頁籤選項 + not_enable_tabs: 無頁籤 + enable_tabs_with_categories_include_all: 開啟頁籤(依類別,並包含全部所選類別之頁籤) + enable_tabs_with_categories: 開啟頁籤(依類別) time: 時間 send_comment: 送出留言 comment: 留言內容 diff --git a/lib/announcement/engine.rb b/lib/announcement/engine.rb index 9e662fc..dcaddfd 100644 --- a/lib/announcement/engine.rb +++ b/lib/announcement/engine.rb @@ -6,12 +6,17 @@ module Announcement translate_data = Dir["#{Announcement::Engine.root}/config/locales/*.yml"] .map{|yaml_file| YAML.load(File.read(yaml_file))} data = {} key1 = {} + key2 = {} value1 = {} value2 = {} value3 = {} + value4 = {} + value5 = {} + value6 = {} data_item = {} key_item1 = {} key_item2 = {} + key_item3 = {} value_item1 = {} value_item2 = {} value_item3 = {} @@ -21,9 +26,13 @@ module Announcement v = t_data.values k = t_data.keys[0] key1[k] = v[0]['announcement']['picture_showing_size'] + key2[k] = v[0]['announcement']['tabs_options'] value1[k] = v[0]['announcement']['small_size'] value2[k] = v[0]['announcement']['medium_size'] value3[k] = v[0]['announcement']['orignal_size'] + value4[k] = v[0]['announcement']['not_enable_tabs'] + value5[k] = v[0]['announcement']['enable_tabs_with_categories_include_all'] + value6[k] = v[0]['announcement']['enable_tabs_with_categories'] key_item1[k] = v[0]['announcement']['showing_back_and_next'] key_item2[k] = v[0]['announcement']['enable_search'] value_item1[k] = v[0]['announcement']['not_show'] @@ -33,6 +42,7 @@ module Announcement value2_item2[k] = v[0]['announcement']['yes'] end data[key1] = [value1,value2,value3] + data[key2] = [value4,value5,value6] data_item[key_item1] = [value_item1,value_item2,value_item3] data_item[key_item2] = [value2_item1,value2_item2] require File.expand_path('../../../app/models/anns_cache', __FILE__) diff --git a/modules/announcement/_annc_widget16.html.erb b/modules/announcement/_annc_widget16.html.erb new file mode 100644 index 0000000..c72fa98 --- /dev/null +++ b/modules/announcement/_annc_widget16.html.erb @@ -0,0 +1,47 @@ +
+ +

+ {{widget-title}} +

+ + + +
+ +
+
+ {{img_description}} +
+
+
+ + {{status}} + + +
+

+ {{title}} +

+
+
+
+
diff --git a/modules/announcement/_annc_widget17.html.erb b/modules/announcement/_annc_widget17.html.erb new file mode 100644 index 0000000..cb7b210 --- /dev/null +++ b/modules/announcement/_annc_widget17.html.erb @@ -0,0 +1,31 @@ +
+
+

Search

+
+

+ + +

+
+
+

+ {{widget-title}} +

+
    +
  • + +

    + + {{status}} + + {{title}} +

    +
  • +
+ +
\ No newline at end of file diff --git a/modules/announcement/_annc_widget18.html.erb b/modules/announcement/_annc_widget18.html.erb new file mode 100644 index 0000000..f93db42 --- /dev/null +++ b/modules/announcement/_annc_widget18.html.erb @@ -0,0 +1,86 @@ +
+ + +
+ + \ No newline at end of file diff --git a/modules/announcement/info.json b/modules/announcement/info.json index b14711d..bd57a1b 100644 --- a/modules/announcement/info.json +++ b/modules/announcement/info.json @@ -257,6 +257,30 @@ "en" : "14. 1 Image + Title List (widget-title, image, status, title, postdate)" }, "thumbnail" : "annc_widget14_thumbs.png" + }, + { + "filename" : "annc_widget18", + "name" : { + "zh_tw" : "15. 三欄圖文精簡版 ( 模組標題, 標題, 副標題(只顯示15字) )", + "en" : "15. 3-Column Standard Image + Text Lite (widget-title, title, subtitle(only display 15 words))" + }, + "thumbnail" : "annc_widget4_thumbs.png" + }, + { + "filename" : "annc_widget16", + "name" : { + "zh_tw" : "16. 單欄圖文輪播 ( 模組標題, 圖片, 狀態, 日期, 類別, 標題 )", + "en" : "16. Image + Text slide (widget-title, image, status, postdate, category, title)" + }, + "thumbnail" : "annc_widget1_thumbs.png" + }, + { + "filename" : "annc_widget17", + "name" : { + "zh_tw" : "17. 含搜尋功能之精簡標題列表-2 ( 模組標題, 日期, 狀態, 標題 )", + "en" : "17. Simple Title List-2 (widget-title, postdate, status, title), including search" + }, + "thumbnail" : "annc_widget11_thumbs.png" } ] } \ No newline at end of file