').appendTo(this.wrap);
//Load each thumbnail
$.each(obj.group, function (i) {
var href = thumbSource( obj.group[ i ] );
if (!href) {
return;
}
$("").load(function () {
var width = this.width,
height = this.height,
widthRatio, heightRatio, parent;
if (!that.list || !width || !height) {
return;
}
//Calculate thumbnail width/height and center it
widthRatio = width / thumbWidth;
heightRatio = height / thumbHeight;
parent = that.list.children().eq(i).find('a');
if (widthRatio >= 1 && heightRatio >= 1) {
if (widthRatio > heightRatio) {
width = Math.floor(width / heightRatio);
height = thumbHeight;
} else {
width = thumbWidth;
height = Math.floor(height / widthRatio);
}
}
$(this).css({
width : width,
height : height,
top : Math.floor(thumbHeight / 2 - height / 2),
left : Math.floor(thumbWidth / 2 - width / 2)
});
parent.width(thumbWidth).height(thumbHeight);
$(this).hide().appendTo(parent).fadeIn(300);
}).attr('src', href);
});
//Set initial width
this.width = this.list.children().eq(0).outerWidth(true);
this.list.width(this.width * (obj.group.length + 1)).css('left', Math.floor($(window).width() * 0.5 - (obj.index * this.width + this.width * 0.5)));
},
beforeLoad: function (opts, obj) {
//Remove self if gallery do not have at least two items
if (obj.group.length < 2) {
obj.helpers.thumbs = false;
return;
}
//Increase bottom margin to give space for thumbs
obj.margin[ opts.position === 'top' ? 0 : 2 ] += ((opts.height) + 15);
},
afterShow: function (opts, obj) {
//Check if exists and create or update list
if (this.list) {
this.onUpdate(opts, obj);
} else {
this.init(opts, obj);
}
//Set active element
this.list.children().removeClass('active').eq(obj.index).addClass('active');
},
//Center list
onUpdate: function (opts, obj) {
if (this.list) {
this.list.stop(true).animate({
'left': Math.floor($(window).width() * 0.5 - (obj.index * this.width + this.width * 0.5))
}, 150);
}
},
beforeClose: function () {
if (this.wrap) {
this.wrap.remove();
}
this.wrap = null;
this.list = null;
this.width = 0;
}
}
}(jQuery));/**
* @name InfoBox
* @version 1.1.13 [March 19, 2014]
* @author Gary Little (inspired by proof-of-concept code from Pamela Fox of Google)
* @copyright Copyright 2010 Gary Little [gary at luxcentral.com]
* @fileoverview InfoBox extends the Google Maps JavaScript API V3 OverlayView class.
*
* An InfoBox behaves like a google.maps.InfoWindow, but it supports several
* additional properties for advanced styling. An InfoBox can also be used as a map label.
*
* An InfoBox also fires the same events as a google.maps.InfoWindow.
*/
/*!
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/*jslint browser:true */
/*global google */
/**
* @name InfoBoxOptions
* @class This class represents the optional parameter passed to the {@link InfoBox} constructor.
* @property {string|Node} content The content of the InfoBox (plain text or an HTML DOM node).
* @property {boolean} [disableAutoPan=false] Disable auto-pan on open.
* @property {number} maxWidth The maximum width (in pixels) of the InfoBox. Set to 0 if no maximum.
* @property {Size} pixelOffset The offset (in pixels) from the top left corner of the InfoBox
* (or the bottom left corner if the alignBottom property is true)
* to the map pixel corresponding to position.
* @property {LatLng} position The geographic location at which to display the InfoBox.
* @property {number} zIndex The CSS z-index style value for the InfoBox.
* Note: This value overrides a zIndex setting specified in the boxStyle property.
* @property {string} [boxClass="infoBox"] The name of the CSS class defining the styles for the InfoBox container.
* @property {Object} [boxStyle] An object literal whose properties define specific CSS
* style values to be applied to the InfoBox. Style values defined here override those that may
* be defined in the boxClass style sheet. If this property is changed after the
* InfoBox has been created, all previously set styles (except those defined in the style sheet)
* are removed from the InfoBox before the new style values are applied.
* @property {string} closeBoxMargin The CSS margin style value for the close box.
* The default is "2px" (a 2-pixel margin on all sides).
* @property {string} closeBoxURL The URL of the image representing the close box.
* Note: The default is the URL for Google's standard close box.
* Set this property to "" if no close box is required.
* @property {Size} infoBoxClearance Minimum offset (in pixels) from the InfoBox to the
* map edge after an auto-pan.
* @property {boolean} [isHidden=false] Hide the InfoBox on open.
* [Deprecated in favor of the visible property.]
* @property {boolean} [visible=true] Show the InfoBox on open.
* @property {boolean} alignBottom Align the bottom left corner of the InfoBox to the position
* location (default is false which means that the top left corner of the InfoBox is aligned).
* @property {string} pane The pane where the InfoBox is to appear (default is "floatPane").
* Set the pane to "mapPane" if the InfoBox is being used as a map label.
* Valid pane names are the property names for the google.maps.MapPanes object.
* @property {boolean} enableEventPropagation Propagate mousedown, mousemove, mouseover, mouseout,
* mouseup, click, dblclick, touchstart, touchend, touchmove, and contextmenu events in the InfoBox
* (default is false to mimic the behavior of a google.maps.InfoWindow). Set
* this property to true if the InfoBox is being used as a map label.
*/
/**
* Creates an InfoBox with the options specified in {@link InfoBoxOptions}.
* Call InfoBox.open to add the box to the map.
* @constructor
* @param {InfoBoxOptions} [opt_opts]
*/
function InfoBox(opt_opts) {
opt_opts = opt_opts || {};
google.maps.OverlayView.apply(this, arguments);
// Standard options (in common with google.maps.InfoWindow):
//
this.content_ = opt_opts.content || "";
this.disableAutoPan_ = opt_opts.disableAutoPan || false;
this.maxWidth_ = opt_opts.maxWidth || 0;
this.pixelOffset_ = opt_opts.pixelOffset || new google.maps.Size(0, 0);
this.position_ = opt_opts.position || new google.maps.LatLng(0, 0);
this.zIndex_ = opt_opts.zIndex || null;
// Additional options (unique to InfoBox):
//
this.boxClass_ = opt_opts.boxClass || "infoBox";
this.boxStyle_ = opt_opts.boxStyle || {};
this.closeBoxMargin_ = opt_opts.closeBoxMargin || "2px";
this.closeBoxURL_ = opt_opts.closeBoxURL || "http://www.google.com/intl/en_us/mapfiles/close.gif";
if (opt_opts.closeBoxURL === "") {
this.closeBoxURL_ = "";
}
this.closeBoxClass_ = opt_opts.closeBoxClass || "";
this.infoBoxClearance_ = opt_opts.infoBoxClearance || new google.maps.Size(1, 1);
this.main_holder_el_ = opt_opts.main_holder_el || false;
if (typeof opt_opts.visible === "undefined") {
if (typeof opt_opts.isHidden === "undefined") {
opt_opts.visible = true;
} else {
opt_opts.visible = !opt_opts.isHidden;
}
}
this.isHidden_ = !opt_opts.visible;
this.alignBottom_ = opt_opts.alignBottom || false;
this.pane_ = opt_opts.pane || "floatPane";
this.enableEventPropagation_ = opt_opts.enableEventPropagation || false;
this.div_ = null;
this.closeListener_ = null;
this.moveListener_ = null;
this.contextListener_ = null;
this.eventListeners_ = null;
this.fixedWidthSet_ = null;
}
/* InfoBox extends OverlayView in the Google Maps API v3.
*/
InfoBox.prototype = new google.maps.OverlayView();
/**
* Creates the DIV representing the InfoBox.
* @private
*/
InfoBox.prototype.createInfoBoxDiv_ = function () {
var i;
var events;
var bw;
var me = this;
// This handler prevents an event in the InfoBox from being passed on to the map.
//
var cancelHandler = function (e) {
e.cancelBubble = true;
if (e.stopPropagation) {
e.stopPropagation();
}
};
// This handler ignores the current event in the InfoBox and conditionally prevents
// the event from being passed on to the map. It is used for the contextmenu event.
//
var ignoreHandler = function (e) {
e.returnValue = false;
if (e.preventDefault) {
e.preventDefault();
}
if (!me.enableEventPropagation_) {
cancelHandler(e);
}
};
if (!this.div_) {
this.div_ = document.createElement("div");
this.setBoxStyle_();
if (typeof this.content_.nodeType === "undefined") {
this.div_.innerHTML = this.getCloseBoxImg_() + this.content_;
} else {
this.div_.innerHTML = this.getCloseBoxImg_();
this.div_.appendChild(this.content_);
}
// Add the InfoBox DIV to the DOM
if(!this.main_holder_el_) {
this.getPanes()[this.pane_].appendChild(this.div_);
} else {
document.getElementById(this.main_holder_el_).appendChild(this.div_);
}
this.addClickHandler_();
if (this.div_.style.width) {
this.fixedWidthSet_ = true;
} else {
if (this.maxWidth_ !== 0 && this.div_.offsetWidth > this.maxWidth_) {
this.div_.style.width = this.maxWidth_;
this.div_.style.overflow = "auto";
this.fixedWidthSet_ = true;
} else { // The following code is needed to overcome problems with MSIE
bw = this.getBoxWidths_();
this.div_.style.width = (this.div_.offsetWidth - bw.left - bw.right) + "px";
this.fixedWidthSet_ = false;
}
}
this.panBox_(this.disableAutoPan_);
if (!this.enableEventPropagation_) {
this.eventListeners_ = [];
// Cancel event propagation.
//
// Note: mousemove not included (to resolve Issue 152)
events = ["mousedown", "mouseover", "mouseout", "mouseup",
"click", "dblclick", "touchstart", "touchend", "touchmove"];
for (i = 0; i < events.length; i++) {
this.eventListeners_.push(google.maps.event.addDomListener(this.div_, events[i], cancelHandler));
}
// Workaround for Google bug that causes the cursor to change to a pointer
// when the mouse moves over a marker underneath InfoBox.
this.eventListeners_.push(google.maps.event.addDomListener(this.div_, "mouseover", function (e) {
this.style.cursor = "default";
}));
}
this.contextListener_ = google.maps.event.addDomListener(this.div_, "contextmenu", ignoreHandler);
/**
* This event is fired when the DIV containing the InfoBox's content is attached to the DOM.
* @name InfoBox#domready
* @event
*/
google.maps.event.trigger(this, "domready");
}
};
/**
* Returns the HTML tag for the close box.
* @private
*/
InfoBox.prototype.getCloseBoxImg_ = function () {
var img = "";
if (this.closeBoxURL_ !== "") {
img = " mapWidth) {
xOffset = pixPosition.x + iwWidth + iwOffsetX + padX - mapWidth;
}
if (this.alignBottom_) {
if (pixPosition.y < (-iwOffsetY + padY + iwHeight)) {
yOffset = pixPosition.y + iwOffsetY - padY - iwHeight;
} else if ((pixPosition.y + iwOffsetY + padY) > mapHeight) {
yOffset = pixPosition.y + iwOffsetY + padY - mapHeight;
}
} else {
if (pixPosition.y < (-iwOffsetY + padY)) {
yOffset = pixPosition.y + iwOffsetY - padY;
} else if ((pixPosition.y + iwHeight + iwOffsetY + padY) > mapHeight) {
yOffset = pixPosition.y + iwHeight + iwOffsetY + padY - mapHeight;
}
}
if (!(xOffset === 0 && yOffset === 0)) {
// Move the map to the shifted center.
//
var c = map.getCenter();
map.panBy(xOffset, yOffset);
}
}
}
};
/**
* Sets the style of the InfoBox by setting the style sheet and applying
* other specific styles requested.
* @private
*/
InfoBox.prototype.setBoxStyle_ = function () {
var i, boxStyle;
if (this.div_) {
// Apply style values from the style sheet defined in the boxClass parameter:
this.div_.className = this.boxClass_;
// Clear existing inline style values:
this.div_.style.cssText = "";
// Apply style values defined in the boxStyle parameter:
boxStyle = this.boxStyle_;
for (i in boxStyle) {
if (boxStyle.hasOwnProperty(i)) {
this.div_.style[i] = boxStyle[i];
}
}
// Fix for iOS disappearing InfoBox problem.
// See http://stackoverflow.com/questions/9229535/google-maps-markers-disappear-at-certain-zoom-level-only-on-iphone-ipad
this.div_.style.WebkitTransform = "translateZ(0)";
// Fix up opacity style for benefit of MSIE:
//
if (typeof this.div_.style.opacity !== "undefined" && this.div_.style.opacity !== "") {
// See http://www.quirksmode.org/css/opacity.html
this.div_.style.MsFilter = "\"progid:DXImageTransform.Microsoft.Alpha(Opacity=" + (this.div_.style.opacity * 100) + ")\"";
this.div_.style.filter = "alpha(opacity=" + (this.div_.style.opacity * 100) + ")";
}
// Apply required styles:
//
this.div_.style.position = "absolute";
this.div_.style.visibility = 'hidden';
if (this.zIndex_ !== null) {
this.div_.style.zIndex = this.zIndex_;
}
}
};
/**
* Get the widths of the borders of the InfoBox.
* @private
* @return {Object} widths object (top, bottom left, right)
*/
InfoBox.prototype.getBoxWidths_ = function () {
var computedStyle;
var bw = {top: 0, bottom: 0, left: 0, right: 0};
var box = this.div_;
if (document.defaultView && document.defaultView.getComputedStyle) {
computedStyle = box.ownerDocument.defaultView.getComputedStyle(box, "");
if (computedStyle) {
// The computed styles are always in pixel units (good!)
bw.top = parseInt(computedStyle.borderTopWidth, 10) || 0;
bw.bottom = parseInt(computedStyle.borderBottomWidth, 10) || 0;
bw.left = parseInt(computedStyle.borderLeftWidth, 10) || 0;
bw.right = parseInt(computedStyle.borderRightWidth, 10) || 0;
}
} else if (document.documentElement.currentStyle) { // MSIE
if (box.currentStyle) {
// The current styles may not be in pixel units, but assume they are (bad!)
bw.top = parseInt(box.currentStyle.borderTopWidth, 10) || 0;
bw.bottom = parseInt(box.currentStyle.borderBottomWidth, 10) || 0;
bw.left = parseInt(box.currentStyle.borderLeftWidth, 10) || 0;
bw.right = parseInt(box.currentStyle.borderRightWidth, 10) || 0;
}
}
return bw;
};
/**
* Invoked when close is called. Do not call it directly.
*/
InfoBox.prototype.onRemove = function () {
if (this.div_) {
this.div_.parentNode.removeChild(this.div_);
this.div_ = null;
}
};
/**
* Draws the InfoBox based on the current map projection and zoom level.
*/
InfoBox.prototype.draw = function () {
this.createInfoBoxDiv_();
var pixPosition = this.getProjection().fromLatLngToDivPixel(this.position_);
this.div_.style.left = (pixPosition.x + this.pixelOffset_.width) + "px";
if (this.alignBottom_) {
this.div_.style.bottom = -(pixPosition.y + this.pixelOffset_.height) + "px";
} else {
this.div_.style.top = (pixPosition.y + this.pixelOffset_.height) + "px";
}
if (this.isHidden_) {
this.div_.style.visibility = "hidden";
} else {
this.div_.style.visibility = "visible";
}
};
/**
* Sets the options for the InfoBox. Note that changes to the maxWidth,
* closeBoxMargin, closeBoxURL, and enableEventPropagation
* properties have no affect until the current InfoBox is closed and a new one
* is opened.
* @param {InfoBoxOptions} opt_opts
*/
InfoBox.prototype.setOptions = function (opt_opts) {
if (typeof opt_opts.boxClass !== "undefined") { // Must be first
this.boxClass_ = opt_opts.boxClass;
this.setBoxStyle_();
}
if (typeof opt_opts.boxStyle !== "undefined") { // Must be second
this.boxStyle_ = opt_opts.boxStyle;
this.setBoxStyle_();
}
if (typeof opt_opts.content !== "undefined") {
this.setContent(opt_opts.content);
}
if (typeof opt_opts.disableAutoPan !== "undefined") {
this.disableAutoPan_ = opt_opts.disableAutoPan;
}
if (typeof opt_opts.maxWidth !== "undefined") {
this.maxWidth_ = opt_opts.maxWidth;
}
if (typeof opt_opts.pixelOffset !== "undefined") {
this.pixelOffset_ = opt_opts.pixelOffset;
}
if (typeof opt_opts.alignBottom !== "undefined") {
this.alignBottom_ = opt_opts.alignBottom;
}
if (typeof opt_opts.position !== "undefined") {
this.setPosition(opt_opts.position);
}
if (typeof opt_opts.zIndex !== "undefined") {
this.setZIndex(opt_opts.zIndex);
}
if (typeof opt_opts.closeBoxMargin !== "undefined") {
this.closeBoxMargin_ = opt_opts.closeBoxMargin;
}
if (typeof opt_opts.closeBoxURL !== "undefined") {
this.closeBoxURL_ = opt_opts.closeBoxURL;
}
if (typeof opt_opts.infoBoxClearance !== "undefined") {
this.infoBoxClearance_ = opt_opts.infoBoxClearance;
}
if (typeof opt_opts.isHidden !== "undefined") {
this.isHidden_ = opt_opts.isHidden;
}
if (typeof opt_opts.visible !== "undefined") {
this.isHidden_ = !opt_opts.visible;
}
if (typeof opt_opts.enableEventPropagation !== "undefined") {
this.enableEventPropagation_ = opt_opts.enableEventPropagation;
}
if (this.div_) {
this.draw();
}
};
/**
* Sets the content of the InfoBox.
* The content can be plain text or an HTML DOM node.
* @param {string|Node} content
*/
InfoBox.prototype.setContent = function (content) {
this.content_ = content;
if (this.div_) {
if (this.closeListener_) {
google.maps.event.removeListener(this.closeListener_);
this.closeListener_ = null;
}
// Odd code required to make things work with MSIE.
//
if (!this.fixedWidthSet_) {
this.div_.style.width = "";
}
if (typeof content.nodeType === "undefined") {
this.div_.innerHTML = this.getCloseBoxImg_() + content;
} else {
this.div_.innerHTML = this.getCloseBoxImg_();
this.div_.appendChild(content);
}
// Perverse code required to make things work with MSIE.
// (Ensures the close box does, in fact, float to the right.)
//
if (!this.fixedWidthSet_) {
this.div_.style.width = this.div_.offsetWidth + "px";
if (typeof content.nodeType === "undefined") {
this.div_.innerHTML = this.getCloseBoxImg_() + content;
} else {
this.div_.innerHTML = this.getCloseBoxImg_();
this.div_.appendChild(content);
}
}
this.addClickHandler_();
}
/**
* This event is fired when the content of the InfoBox changes.
* @name InfoBox#content_changed
* @event
*/
google.maps.event.trigger(this, "content_changed");
};
/**
* Sets the geographic location of the InfoBox.
* @param {LatLng} latlng
*/
InfoBox.prototype.setPosition = function (latlng) {
this.position_ = latlng;
if (this.div_) {
this.draw();
}
/**
* This event is fired when the position of the InfoBox changes.
* @name InfoBox#position_changed
* @event
*/
google.maps.event.trigger(this, "position_changed");
};
/**
* Sets the zIndex style for the InfoBox.
* @param {number} index
*/
InfoBox.prototype.setZIndex = function (index) {
this.zIndex_ = index;
if (this.div_) {
this.div_.style.zIndex = index;
}
/**
* This event is fired when the zIndex of the InfoBox changes.
* @name InfoBox#zindex_changed
* @event
*/
google.maps.event.trigger(this, "zindex_changed");
};
/**
* Sets the visibility of the InfoBox.
* @param {boolean} isVisible
*/
InfoBox.prototype.setVisible = function (isVisible) {
this.isHidden_ = !isVisible;
if (this.div_) {
this.div_.style.visibility = (this.isHidden_ ? "hidden" : "visible");
}
};
/**
* Returns the content of the InfoBox.
* @returns {string}
*/
InfoBox.prototype.getContent = function () {
return this.content_;
};
/**
* Returns the geographic location of the InfoBox.
* @returns {LatLng}
*/
InfoBox.prototype.getPosition = function () {
return this.position_;
};
/**
* Returns the zIndex for the InfoBox.
* @returns {number}
*/
InfoBox.prototype.getZIndex = function () {
return this.zIndex_;
};
/**
* Returns a flag indicating whether the InfoBox is visible.
* @returns {boolean}
*/
InfoBox.prototype.getVisible = function () {
var isVisible;
if ((typeof this.getMap() === "undefined") || (this.getMap() === null)) {
isVisible = false;
} else {
isVisible = !this.isHidden_;
}
return isVisible;
};
/**
* Shows the InfoBox. [Deprecated; use setVisible instead.]
*/
InfoBox.prototype.show = function () {
this.isHidden_ = false;
if (this.div_) {
this.div_.style.visibility = "visible";
}
};
/**
* Hides the InfoBox. [Deprecated; use setVisible instead.]
*/
InfoBox.prototype.hide = function () {
this.isHidden_ = true;
if (this.div_) {
this.div_.style.visibility = "hidden";
}
};
/**
* Adds the InfoBox to the specified map or Street View panorama. If anchor
* (usually a google.maps.Marker) is specified, the position
* of the InfoBox is set to the position of the anchor. If the
* anchor is dragged to a new location, the InfoBox moves as well.
* @param {Map|StreetViewPanorama} map
* @param {MVCObject} [anchor]
*/
InfoBox.prototype.open = function (map, anchor) {
var me = this;
if (anchor) {
this.position_ = anchor.getPosition();
this.moveListener_ = google.maps.event.addListener(anchor, "position_changed", function () {
me.setPosition(this.getPosition());
});
}
this.setMap(map);
if (this.div_) {
this.panBox_();
}
};
/**
* Removes the InfoBox from the map.
*/
InfoBox.prototype.close = function () {
var i;
if (this.closeListener_) {
google.maps.event.removeListener(this.closeListener_);
this.closeListener_ = null;
}
if (this.eventListeners_) {
for (i = 0; i < this.eventListeners_.length; i++) {
google.maps.event.removeListener(this.eventListeners_[i]);
}
this.eventListeners_ = null;
}
if (this.moveListener_) {
google.maps.event.removeListener(this.moveListener_);
this.moveListener_ = null;
}
if (this.contextListener_) {
google.maps.event.removeListener(this.contextListener_);
this.contextListener_ = null;
}
this.setMap(null);
};
/*!
* jQuery Cycle2; version: 2.1.1 build: 20140128
* http://jquery.malsup.com/cycle2/
* Copyright (c) 2014 M. Alsup; Dual licensed: MIT/GPL
*/
(function(e) {
"use strict";
function t(e) {
return (e || "").toLowerCase()
}
var i = "2.1.1";
e.fn.cycle = function(i) {
var n;
return 0 !== this.length || e.isReady ? this.each(function() {
var n, s, o, c, l = e(this),
r = e.fn.cycle.log;
if (!l.data("cycle.opts")) {
(l.data("cycle-log") === !1 || i && i.log === !
1 || s && s.log === !1) && (r = e.noop), r(
"--c2 init--"), n = l.data();
for (var a in n) n.hasOwnProperty(a) &&
/^cycle[A-Z]+/.test(a) && (c = n[a], o = a.match(
/^cycle(.*)/)[1].replace(/^[A-Z]/,
t), r(o + ":", c, "(" + typeof c +
")"), n[o] = c);
s = e.extend({}, e.fn.cycle.defaults, n, i || {}),
s.timeoutId = 0, s.paused = s.paused || !1,
s.container = l, s._maxZ = s.maxZ, s.API =
e.extend({
_container: l
}, e.fn.cycle.API), s.API.log = r, s.API.trigger =
function(e, t) {
return s.container.trigger(e, t), s.API
}, l.data("cycle.opts", s), l.data(
"cycle.API", s.API), s.API.trigger(
"cycle-bootstrap", [s, s.API]), s.API.addInitialSlides(),
s.API.preInitSlideshow(), s.slides.length &&
s.API.initSlideshow()
}
}) : (n = {
s: this.selector,
c: this.context
}, e.fn.cycle.log("requeuing slideshow (dom not ready)"),
e(function() {
e(n.s, n.c).cycle(i)
}), this)
}, e.fn.cycle.API = {
opts: function() {
return this._container.data("cycle.opts")
},
addInitialSlides: function() {
var t = this.opts(),
i = t.slides;
t.slideCount = 0, t.slides = e(), i = i.jquery ? i : t.container
.find(i), t.random && i.sort(function() {
return Math.random() - .5
}), t.API.add(i)
},
preInitSlideshow: function() {
var t = this.opts();
t.API.trigger("cycle-pre-initialize", [t]);
var i = e.fn.cycle.transitions[t.fx];
i && e.isFunction(i.preInit) && i.preInit(t), t._preInitialized = !
0
},
postInitSlideshow: function() {
var t = this.opts();
t.API.trigger("cycle-post-initialize", [t]);
var i = e.fn.cycle.transitions[t.fx];
i && e.isFunction(i.postInit) && i.postInit(t)
},
initSlideshow: function() {
var t, i = this.opts(),
n = i.container;
i.API.calcFirstSlide(), "static" == i.container.css(
"position") && i.container.css("position",
"relative"), e(i.slides[i.currSlide]).css({
opacity: 1,
display: "block",
visibility: "visible"
}), i.API.stackSlides(i.slides[i.currSlide], i.slides[
i.nextSlide], !i.reverse), i.pauseOnHover && (i
.pauseOnHover !== !0 && (n = e(i.pauseOnHover)),
n.hover(function() {
i.API.pause(!0)
}, function() {
i.API.resume(!0)
})), i.timeout && (t = i.API.getSlideOpts(i.currSlide),
i.API.queueTransition(t, t.timeout + i.delay)),
i._initialized = !0, i.API.updateView(!0), i.API.trigger(
"cycle-initialized", [i]), i.API.postInitSlideshow()
},
pause: function(t) {
var i = this.opts(),
n = i.API.getSlideOpts(),
s = i.hoverPaused || i.paused;
t ? i.hoverPaused = !0 : i.paused = !0, s || (i.container
.addClass("cycle-paused"), i.API.trigger(
"cycle-paused", [i]).log("cycle-paused"), n
.timeout && (clearTimeout(i.timeoutId), i.timeoutId =
0, i._remainingTimeout -= e.now() - i._lastQueue, (
0 > i._remainingTimeout || isNaN(i._remainingTimeout)
) && (i._remainingTimeout = void 0)))
},
resume: function(e) {
var t = this.opts(),
i = !t.hoverPaused && !t.paused;
e ? t.hoverPaused = !1 : t.paused = !1, i || (t.container
.removeClass("cycle-paused"), 0 === t.slides.filter(
":animated").length && t.API.queueTransition(
t.API.getSlideOpts(), t._remainingTimeout),
t.API.trigger("cycle-resumed", [t, t._remainingTimeout])
.log("cycle-resumed"))
},
add: function(t, i) {
var n, s = this.opts(),
o = s.slideCount,
c = !1;
"string" == e.type(t) && (t = e.trim(t)), e(t).each(
function() {
var t, n = e(this);
i ? s.container.prepend(n) : s.container.append(
n), s.slideCount++, t = s.API.buildSlideOpts(
n), s.slides = i ? e(n).add(s.slides) :
s.slides.add(n), s.API.initSlide(t, n, --
s._maxZ), n.data("cycle.opts", t),
s.API.trigger("cycle-slide-added", [s,
t, n
])
}), s.API.updateView(!0), c = s._preInitialized &&
2 > o && s.slideCount >= 1, c && (s._initialized ?
s.timeout && (n = s.slides.length, s.nextSlide =
s.reverse ? n - 1 : 1, s.timeoutId || s.API
.queueTransition(s)) : s.API.initSlideshow()
)
},
calcFirstSlide: function() {
var e, t = this.opts();
e = parseInt(t.startingSlide || 0, 10), (e >= t.slides.length ||
0 > e) && (e = 0), t.currSlide = e, t.reverse ?
(t.nextSlide = e - 1, 0 > t.nextSlide && (t.nextSlide =
t.slides.length - 1)) : (t.nextSlide = e + 1, t
.nextSlide == t.slides.length && (t.nextSlide =
0))
},
calcNextSlide: function() {
var e, t = this.opts();
t.reverse ? (e = 0 > t.nextSlide - 1, t.nextSlide = e ?
t.slideCount - 1 : t.nextSlide - 1, t.currSlide =
e ? 0 : t.nextSlide + 1) : (e = t.nextSlide + 1 ==
t.slides.length, t.nextSlide = e ? 0 : t.nextSlide +
1, t.currSlide = e ? t.slides.length - 1 : t.nextSlide -
1)
},
calcTx: function(t, i) {
var n, s = t;
return i && s.manualFx && (n = e.fn.cycle.transitions[s
.manualFx]), n || (n = e.fn.cycle.transitions[s
.fx]), n || (n = e.fn.cycle.transitions.fade, s
.API.log('Transition "' + s.fx +
'" not found. Using fade.')), n
},
prepareTx: function(e, t) {
var i, n, s, o, c, l = this.opts();
return 2 > l.slideCount ? (l.timeoutId = 0, void 0) : (!
e || l.busy && !l.manualTrump || (l.API.stopTransition(),
l.busy = !1, clearTimeout(l.timeoutId), l.timeoutId =
0), l.busy || (0 !== l.timeoutId || e) && (
n = l.slides[l.currSlide], s = l.slides[l.nextSlide],
o = l.API.getSlideOpts(l.nextSlide), c = l.API
.calcTx(o, e), l._tx = c, e && void 0 !== o
.manualSpeed && (o.speed = o.manualSpeed),
l.nextSlide != l.currSlide && (e || !l.paused &&
!l.hoverPaused && l.timeout) ? (l.API.trigger(
"cycle-before", [o, n, s, t]), c.before &&
c.before(o, n, s, t), i = function() {
l.busy = !1, l.container.data(
"cycle.opts") && (c.after &&
c.after(o, n, s, t), l.API.trigger(
"cycle-after", [o, n, s,
t
]), l.API.queueTransition(
o), l.API.updateView(!0)
)
}, l.busy = !0, c.transition ? c.transition(
o, n, s, t, i) : l.API.doTransition(
o, n, s, t, i), l.API.calcNextSlide(),
l.API.updateView()) : l.API.queueTransition(
o)), void 0)
},
doTransition: function(t, i, n, s, o) {
var c = t,
l = e(i),
r = e(n),
a = function() {
r.animate(c.animIn || {
opacity: 1
}, c.speed, c.easeIn || c.easing, o)
};
r.css(c.cssBefore || {}), l.animate(c.animOut || {}, c.speed,
c.easeOut || c.easing, function() {
l.css(c.cssAfter || {}), c.sync || a()
}), c.sync && a()
},
queueTransition: function(t, i) {
var n = this.opts(),
s = void 0 !== i ? i : t.timeout;
return 0 === n.nextSlide && 0 === --n.loop ? (n.API.log(
"terminating; loop=0"), n.timeout = 0, s ?
setTimeout(function() {
n.API.trigger("cycle-finished", [n])
}, s) : n.API.trigger("cycle-finished", [n]), n
.nextSlide = n.currSlide, void 0) : (s && (n._lastQueue =
e.now(), void 0 === i && (n._remainingTimeout =
t.timeout), n.paused || n.hoverPaused ||
(n.timeoutId = setTimeout(function() {
n.API.prepareTx(!1, !n.reverse)
}, s))), void 0)
},
stopTransition: function() {
var e = this.opts();
e.slides.filter(":animated").length && (e.slides.stop(!
1, !0), e.API.trigger(
"cycle-transition-stopped", [e])), e._tx && e._tx
.stopTransition && e._tx.stopTransition(e)
},
advanceSlide: function(e) {
var t = this.opts();
return clearTimeout(t.timeoutId), t.timeoutId = 0, t.nextSlide =
t.currSlide + e, 0 > t.nextSlide ? t.nextSlide = t.slides
.length - 1 : t.nextSlide >= t.slides.length && (t.nextSlide =
0), t.API.prepareTx(!0, e >= 0), !1
},
buildSlideOpts: function(i) {
var n, s, o = this.opts(),
c = i.data() || {};
for (var l in c) c.hasOwnProperty(l) && /^cycle[A-Z]+/.test(
l) && (n = c[l], s = l.match(/^cycle(.*)/)[1].replace(
/^[A-Z]/, t), o.API.log("[" + (o.slideCount -
1) + "]", s + ":", n, "(" + typeof n +
")"), c[s] = n);
c = e.extend({}, e.fn.cycle.defaults, o, c), c.slideNum =
o.slideCount;
try {
delete c.API, delete c.slideCount, delete c.currSlide,
delete c.nextSlide, delete c.slides
} catch (r) {}
return c
},
getSlideOpts: function(t) {
var i = this.opts();
void 0 === t && (t = i.currSlide);
var n = i.slides[t],
s = e(n).data("cycle.opts");
return e.extend({}, i, s)
},
initSlide: function(t, i, n) {
var s = this.opts();
i.css(t.slideCss || {}), n > 0 && i.css("zIndex", n),
isNaN(t.speed) && (t.speed = e.fx.speeds[t.speed] ||
e.fx.speeds._default), t.sync || (t.speed = t.speed /
2), i.addClass(s.slideClass)
},
updateView: function(e, t) {
var i = this.opts();
if (i._initialized) {
var n = i.API.getSlideOpts(),
s = i.slides[i.currSlide];
!e && t !== !0 && (i.API.trigger(
"cycle-update-view-before", [i, n, s]),
0 > i.updateView) || (i.slideActiveClass &&
i.slides.removeClass(i.slideActiveClass).eq(
i.currSlide).addClass(i.slideActiveClass),
e && i.hideNonActive && i.slides.filter(
":not(." + i.slideActiveClass + ")").css(
"visibility", "hidden"), 0 === i.updateView &&
setTimeout(function() {
i.API.trigger("cycle-update-view", [
i, n, s, e
])
}, n.speed / (i.sync ? 2 : 1)), 0 !== i.updateView &&
i.API.trigger("cycle-update-view", [i, n, s,
e
]), e && i.API.trigger(
"cycle-update-view-after", [i, n, s]))
}
},
getComponent: function(t) {
var i = this.opts(),
n = i[t];
return "string" == typeof n ? /^\s*[\>|\+|~]/.test(n) ?
i.container.find(n) : e(n) : n.jquery ? n : e(n)
},
stackSlides: function(t, i, n) {
var s = this.opts();
t || (t = s.slides[s.currSlide], i = s.slides[s.nextSlide],
n = !s.reverse), e(t).css("zIndex", s.maxZ);
var o, c = s.maxZ - 2,
l = s.slideCount;
if (n) {
for (o = s.currSlide + 1; l > o; o++) e(s.slides[o])
.css("zIndex", c--);
for (o = 0; s.currSlide > o; o++) e(s.slides[o]).css(
"zIndex", c--)
} else {
for (o = s.currSlide - 1; o >= 0; o--) e(s.slides[o])
.css("zIndex", c--);
for (o = l - 1; o > s.currSlide; o--) e(s.slides[o])
.css("zIndex", c--)
}
e(i).css("zIndex", s.maxZ - 1)
},
getSlideIndex: function(e) {
return this.opts().slides.index(e)
}
}, e.fn.cycle.log = function() {
//window.console && console.log && console.log("[cycle2] " +
//Array.prototype.join.call(arguments, " "))
}, e.fn.cycle.version = function() {
return "Cycle2: " + i
}, e.fn.cycle.transitions = {
custom: {},
none: {
before: function(e, t, i, n) {
e.API.stackSlides(i, t, n), e.cssBefore = {
opacity: 1,
visibility: "visible",
display: "block"
}
}
},
fade: {
before: function(t, i, n, s) {
var o = t.API.getSlideOpts(t.nextSlide).slideCss || {};
t.API.stackSlides(i, n, s), t.cssBefore = e.extend(
o, {
opacity: 0,
visibility: "visible",
display: "block"
}), t.animIn = {
opacity: 1
}, t.animOut = {
opacity: 0
}
}
},
fadeout: {
before: function(t, i, n, s) {
var o = t.API.getSlideOpts(t.nextSlide).slideCss || {};
t.API.stackSlides(i, n, s), t.cssBefore = e.extend(
o, {
opacity: 1,
visibility: "visible",
display: "block"
}), t.animOut = {
opacity: 0
}
}
},
scrollHorz: {
before: function(e, t, i, n) {
e.API.stackSlides(t, i, n);
var s = e.container.css("overflow", "hidden").width();
e.cssBefore = {
left: n ? s : -s,
top: 0,
opacity: 1,
visibility: "visible",
display: "block"
}, e.cssAfter = {
zIndex: e._maxZ - 2,
left: 0
}, e.animIn = {
left: 0
}, e.animOut = {
left: n ? -s : s
}
}
}
}, e.fn.cycle.defaults = {
allowWrap: !0,
autoSelector: ".cycle-slideshow[data-cycle-auto-init!=false]",
delay: 0,
easing: null,
fx: "fade",
hideNonActive: !0,
loop: 0,
manualFx: void 0,
manualSpeed: void 0,
manualTrump: !0,
maxZ: 100,
pauseOnHover: !1,
reverse: !1,
slideActiveClass: "cycle-slide-active",
slideClass: "cycle-slide",
slideCss: {
position: "absolute",
top: 0,
left: 0
},
slides: "> img",
speed: 500,
startingSlide: 0,
sync: !0,
timeout: 4e3,
updateView: 0
}, e(document).ready(function() {
e(e.fn.cycle.defaults.autoSelector).cycle()
})
})(jQuery), /*! Cycle2 autoheight plugin; Copyright (c) M.Alsup, 2012; version: 20130913 */
function(e) {
"use strict";
function t(t, n) {
var s, o, c, l = n.autoHeight;
if ("container" == l) o = e(n.slides[n.currSlide]).outerHeight(), n
.container.height(o);
else if (n._autoHeightRatio) n.container.height(n.container.width() /
n._autoHeightRatio);
else if ("calc" === l || "number" == e.type(l) && l >= 0) {
if (c = "calc" === l ? i(t, n) : l >= n.slides.length ? 0 : l,
c == n._sentinelIndex) return;
n._sentinelIndex = c, n._sentinel && n._sentinel.remove(), s =
e(n.slides[c].cloneNode(!0)), s.removeAttr("id name rel").find(
"[id],[name],[rel]").removeAttr("id name rel"), s.css({
position: "static",
visibility: "hidden",
display: "block"
}).prependTo(n.container).addClass(
"cycle-sentinel cycle-slide").removeClass(
"cycle-slide-active"), s.find("*").css("visibility",
"hidden"), n._sentinel = s
}
}
function i(t, i) {
var n = 0,
s = -1;
return i.slides.each(function(t) {
var i = e(this).height();
i > s && (s = i, n = t)
}), n
}
function n(t, i, n, s) {
var o = e(s).outerHeight();
i.container.animate({
height: o
}, i.autoHeightSpeed, i.autoHeightEasing)
}
function s(i, o) {
o._autoHeightOnResize && (e(window).off("resize orientationchange",
o._autoHeightOnResize), o._autoHeightOnResize = null), o.container
.off("cycle-slide-added cycle-slide-removed", t), o.container.off(
"cycle-destroyed", s), o.container.off("cycle-before", n),
o._sentinel && (o._sentinel.remove(), o._sentinel = null)
}
e.extend(e.fn.cycle.defaults, {
autoHeight: 0,
autoHeightSpeed: 250,
autoHeightEasing: null
}), e(document).on("cycle-initialized", function(i, o) {
function c() {
t(i, o)
}
var l, r = o.autoHeight,
a = e.type(r),
d = null;
("string" === a || "number" === a) && (o.container.on(
"cycle-slide-added cycle-slide-removed", t), o.container
.on("cycle-destroyed", s), "container" == r ? o.container.on(
"cycle-before", n) : "string" === a && /\d+\:\d+/.test(
r) && (l = r.match(/(\d+)\:(\d+)/), l = l[1] / l[2], o._autoHeightRatio =
l), "number" !== a && (o._autoHeightOnResize = function() {
clearTimeout(d), d = setTimeout(c, 50)
}, e(window).on("resize orientationchange", o._autoHeightOnResize)),
setTimeout(c, 30))
})
}(jQuery), /*! caption plugin for Cycle2; version: 20130306 */
function(e) {
"use strict";
e.extend(e.fn.cycle.defaults, {
caption: "> .cycle-caption",
captionTemplate: "{{slideNum}} / {{slideCount}}",
overlay: "> .cycle-overlay",
overlayTemplate: "
{{title}}
{{desc}}
",
captionModule: "caption"
}), e(document).on("cycle-update-view", function(t, i, n, s) {
"caption" === i.captionModule && e.each(["caption", "overlay"],
function() {
var e = this,
t = n[e + "Template"],
o = i.API.getComponent(e);
o.length && t ? (o.html(i.API.tmpl(t, n, i, s)), o.show()) :
o.hide()
})
}), e(document).on("cycle-destroyed", function(t, i) {
var n;
e.each(["caption", "overlay"], function() {
var e = this,
t = i[e + "Template"];
i[e] && t && (n = i.API.getComponent("caption"), n.empty())
})
})
}(jQuery), /*! command plugin for Cycle2; version: 20130707 */
function(e) {
"use strict";
var t = e.fn.cycle;
e.fn.cycle = function(i) {
var n, s, o, c = e.makeArray(arguments);
return "number" == e.type(i) ? this.cycle("goto", i) : "string" ==
e.type(i) ? this.each(function() {
var l;
return n = i, o = e(this).data("cycle.opts"), void 0 ===
o ? (t.log(
'slideshow must be initialized before sending commands; "' +
n + '" ignored'), void 0) : (n = "goto" == n ?
"jump" : n, s = o.API[n], e.isFunction(s) ? (l =
e.makeArray(c), l.shift(), s.apply(o.API, l)
) : (t.log("unknown command: ", n), void 0))
}) : t.apply(this, arguments)
}, e.extend(e.fn.cycle, t), e.extend(t.API, {
next: function() {
var e = this.opts();
if (!e.busy || e.manualTrump) {
var t = e.reverse ? -1 : 1;
e.allowWrap === !1 && e.currSlide + t >= e.slideCount ||
(e.API.advanceSlide(t), e.API.trigger(
"cycle-next", [e]).log("cycle-next"))
}
},
prev: function() {
var e = this.opts();
if (!e.busy || e.manualTrump) {
var t = e.reverse ? 1 : -1;
e.allowWrap === !1 && 0 > e.currSlide + t || (e.API
.advanceSlide(t), e.API.trigger(
"cycle-prev", [e]).log("cycle-prev"))
}
},
destroy: function() {
this.stop();
var t = this.opts(),
i = e.isFunction(e._data) ? e._data : e.noop;
clearTimeout(t.timeoutId), t.timeoutId = 0, t.API.stop(),
t.API.trigger("cycle-destroyed", [t]).log(
"cycle-destroyed"), t.container.removeData(), i(
t.container[0], "parsedAttrs", !1), t.retainStylesOnDestroy ||
(t.container.removeAttr("style"), t.slides.removeAttr(
"style"), t.slides.removeClass(t.slideActiveClass)),
t.slides.each(function() {
e(this).removeData(), i(this, "parsedAttrs", !
1)
})
},
jump: function(e) {
var t, i = this.opts();
if (!i.busy || i.manualTrump) {
var n = parseInt(e, 10);
if (isNaN(n) || 0 > n || n >= i.slides.length)
return i.API.log("goto: invalid slide index: " +
n), void 0;
if (n == i.currSlide) return i.API.log(
"goto: skipping, already on slide", n),
void 0;
i.nextSlide = n, clearTimeout(i.timeoutId), i.timeoutId =
0, i.API.log("goto: ", n, " (zero-index)"), t =
i.currSlide < i.nextSlide, i.API.prepareTx(!0,
t)
}
},
stop: function() {
var t = this.opts(),
i = t.container;
clearTimeout(t.timeoutId), t.timeoutId = 0, t.API.stopTransition(),
t.pauseOnHover && (t.pauseOnHover !== !0 && (i = e(
t.pauseOnHover)), i.off(
"mouseenter mouseleave")), t.API.trigger(
"cycle-stopped", [t]).log("cycle-stopped")
},
reinit: function() {
var e = this.opts();
e.API.destroy(), e.container.cycle()
},
remove: function(t) {
for (var i, n, s = this.opts(), o = [], c = 1, l = 0; s
.slides.length > l; l++) i = s.slides[l], l == t ?
n = i : (o.push(i), e(i).data("cycle.opts").slideNum =
c, c++);
n && (s.slides = e(o), s.slideCount--, e(n).remove(), t ==
s.currSlide ? s.API.advanceSlide(1) : s.currSlide >
t ? s.currSlide-- : s.currSlide++, s.API.trigger(
"cycle-slide-removed", [s, t, n]).log(
"cycle-slide-removed"), s.API.updateView())
}
}), e(document).on("click.cycle", "[data-cycle-cmd]", function(t) {
t.preventDefault();
var i = e(this),
n = i.data("cycle-cmd"),
s = i.data("cycle-context") || ".cycle-slideshow";
e(s).cycle(n, i.data("cycle-arg"))
})
}(jQuery), /*! hash plugin for Cycle2; version: 20130905 */
function(e) {
"use strict";
function t(t, i) {
var n;
return t._hashFence ? (t._hashFence = !1, void 0) : (n = window.location
.hash.substring(1), t.slides.each(function(s) {
if (e(this).data("cycle-hash") == n) {
if (i === !0) t.startingSlide = s;
else {
var o = s > t.currSlide;
t.nextSlide = s, t.API.prepareTx(!0, o)
}
return !1
}
}), void 0)
}
e(document).on("cycle-pre-initialize", function(i, n) {
t(n, !0), n._onHashChange = function() {
t(n, !1)
}, e(window).on("hashchange", n._onHashChange)
}), e(document).on("cycle-update-view", function(e, t, i) {
i.hash && "#" + i.hash != window.location.hash && (t._hashFence = !
0, window.location.hash = i.hash)
}), e(document).on("cycle-destroyed", function(t, i) {
i._onHashChange && e(window).off("hashchange", i._onHashChange)
})
}(jQuery), /*! loader plugin for Cycle2; version: 20131121 */
function(e) {
"use strict";
e.extend(e.fn.cycle.defaults, {
loader: !1
}), e(document).on("cycle-bootstrap", function(t, i) {
function n(t, n) {
function o(t) {
var o;
"wait" == i.loader ? (l.push(t), 0 === a && (l.sort(
c), s.apply(i.API, [l, n]), i.container
.removeClass("cycle-loading"))) : (o =
e(i.slides[i.currSlide]), s.apply(i.API, [
t, n
]), o.show(), i.container.removeClass(
"cycle-loading"))
}
function c(e, t) {
return e.data("index") - t.data("index")
}
var l = [];
if ("string" == e.type(t)) t = e.trim(t);
else if ("array" === e.type(t))
for (var r = 0; t.length > r; r++) t[r] = e(t[r])[0];
t = e(t);
var a = t.length;
a && (t.css("visibility", "hidden").appendTo("body").each(
function(t) {
function c() {
0 === --r && (--a, o(d))
}
var r = 0,
d = e(this),
u = d.is("img") ? d : d.find("img");
return d.data("index", t), u = u.filter(
":not(.cycle-loader-ignore)").filter(
':not([src=""])'), u.length ? (
r = u.length, u.each(function() {
this.complete ? c() : e(
this).load(
function() {
c()
}).on("error",
function() {
0 === --r &&
(i.API.log(
"slide skipped; img not loaded:",
this
.src
),
0 ===
--a &&
"wait" ==
i.loader &&
s.apply(
i
.API, [
l,
n
]
))
})
}), void 0) : (--a, l.push(d),
void 0)
}), a && i.container.addClass(
"cycle-loading"))
}
var s;
i.loader && (s = i.API.add, i.API.add = n)
})
}(jQuery), /*! pager plugin for Cycle2; version: 20130525 */
function(e) {
"use strict";
function t(t, i, n) {
var s, o = t.API.getComponent("pager");
o.each(function() {
var o = e(this);
if (i.pagerTemplate) {
var c = t.API.tmpl(i.pagerTemplate, i, t, n[0]);
s = e(c).appendTo(o)
} else s = o.children().eq(t.slideCount - 1);
s.on(t.pagerEvent, function(e) {
e.preventDefault(), t.API.page(o, e.currentTarget)
})
})
}
function i(e, t) {
var i = this.opts();
if (!i.busy || i.manualTrump) {
var n = e.children().index(t),
s = n,
o = s > i.currSlide;
i.currSlide != s && (i.nextSlide = s, i.API.prepareTx(!0, o), i
.API.trigger("cycle-pager-activated", [i, e, t]))
}
}
e.extend(e.fn.cycle.defaults, {
pager: "> .cycle-pager",
pagerActiveClass: "cycle-pager-active",
pagerEvent: "click.cycle",
pagerTemplate: "•"
}), e(document).on("cycle-bootstrap", function(e, i, n) {
n.buildPagerLink = t
}), e(document).on("cycle-slide-added", function(e, t, n, s) {
t.pager && (t.API.buildPagerLink(t, n, s), t.API.page = i)
}), e(document).on("cycle-slide-removed", function(t, i, n) {
if (i.pager) {
var s = i.API.getComponent("pager");
s.each(function() {
var t = e(this);
e(t.children()[n]).remove()
})
}
}), e(document).on("cycle-update-view", function(t, i) {
var n;
i.pager && (n = i.API.getComponent("pager"), n.each(function() {
e(this).children().removeClass(i.pagerActiveClass)
.eq(i.currSlide).addClass(i.pagerActiveClass)
}))
}), e(document).on("cycle-destroyed", function(e, t) {
var i = t.API.getComponent("pager");
i && (i.children().off(t.pagerEvent), t.pagerTemplate && i.empty())
})
}(jQuery), /*! prevnext plugin for Cycle2; version: 20130709 */
function(e) {
"use strict";
e.extend(e.fn.cycle.defaults, {
next: "> .cycle-next",
nextEvent: "click.cycle",
disabledClass: "disabled",
prev: "> .cycle-prev",
prevEvent: "click.cycle",
swipe: !1
}), e(document).on("cycle-initialized", function(e, t) {
if (t.API.getComponent("next").on(t.nextEvent, function(e) {
e.preventDefault(), t.API.next()
}), t.API.getComponent("prev").on(t.prevEvent, function(e) {
e.preventDefault(), t.API.prev()
}), t.swipe) {
var i = t.swipeVert ? "swipeUp.cycle" :
"swipeLeft.cycle swipeleft.cycle",
n = t.swipeVert ? "swipeDown.cycle" :
"swipeRight.cycle swiperight.cycle";
t.container.on(i, function() {
t.API.next()
}), t.container.on(n, function() {
t.API.prev()
})
}
}), e(document).on("cycle-update-view", function(e, t) {
if (!t.allowWrap) {
var i = t.disabledClass,
n = t.API.getComponent("next"),
s = t.API.getComponent("prev"),
o = t._prevBoundry || 0,
c = void 0 !== t._nextBoundry ? t._nextBoundry : t.slideCount -
1;
t.currSlide == c ? n.addClass(i).prop("disabled", !0) : n.removeClass(
i).prop("disabled", !1), t.currSlide === o ? s.addClass(
i).prop("disabled", !0) : s.removeClass(i).prop(
"disabled", !1)
}
}), e(document).on("cycle-destroyed", function(e, t) {
t.API.getComponent("prev").off(t.nextEvent), t.API.getComponent(
"next").off(t.prevEvent), t.container.off(
"swipeleft.cycle swiperight.cycle swipeLeft.cycle swipeRight.cycle swipeUp.cycle swipeDown.cycle"
)
})
}(jQuery), /*! progressive loader plugin for Cycle2; version: 20130315 */
function(e) {
"use strict";
e.extend(e.fn.cycle.defaults, {
progressive: !1
}), e(document).on("cycle-pre-initialize", function(t, i) {
if (i.progressive) {
var n, s, o = i.API,
c = o.next,
l = o.prev,
r = o.prepareTx,
a = e.type(i.progressive);
if ("array" == a) n = i.progressive;
else if (e.isFunction(i.progressive)) n = i.progressive(i);
else if ("string" == a) {
if (s = e(i.progressive), n = e.trim(s.html()), !n)
return;
if (/^(\[)/.test(n)) try {
n = e.parseJSON(n)
} catch (d) {
return o.log("error parsing progressive slides",
d), void 0
} else n = n.split(RegExp(s.data("cycle-split") ||
"\n")), n[n.length - 1] || n.pop()
}
r && (o.prepareTx = function(e, t) {
var s, o;
return e || 0 === n.length ? (r.apply(i.API, [e,
t
]), void 0) : (t && i.currSlide == i.slideCount -
1 ? (o = n[0], n = n.slice(1), i.container
.one("cycle-slide-added", function(
e, t) {
setTimeout(function() {
t.API.advanceSlide(
1)
}, 50)
}), i.API.add(o)) : t || 0 !== i.currSlide ?
r.apply(i.API, [e, t]) : (s = n.length -
1, o = n[s], n = n.slice(0, s), i.container
.one("cycle-slide-added", function(
e, t) {
setTimeout(function() {
t.currSlide = 1,
t.API.advanceSlide(-
1)
}, 50)
}), i.API.add(o, !0)), void 0)
}), c && (o.next = function() {
var e = this.opts();
if (n.length && e.currSlide == e.slideCount - 1) {
var t = n[0];
n = n.slice(1), e.container.one(
"cycle-slide-added", function(e, t) {
c.apply(t.API), t.container.removeClass(
"cycle-loading")
}), e.container.addClass(
"cycle-loading"), e.API.add(t)
} else c.apply(e.API)
}), l && (o.prev = function() {
var e = this.opts();
if (n.length && 0 === e.currSlide) {
var t = n.length - 1,
i = n[t];
n = n.slice(0, t), e.container.one(
"cycle-slide-added", function(e, t) {
t.currSlide = 1, t.API.advanceSlide(-
1), t.container.removeClass(
"cycle-loading")
}), e.container.addClass(
"cycle-loading"), e.API.add(i, !0)
} else l.apply(e.API)
})
}
})
}(jQuery), /*! tmpl plugin for Cycle2; version: 20121227 */
function(e) {
"use strict";
e.extend(e.fn.cycle.defaults, {
tmplRegex: "{{((.)?.*?)}}"
}), e.extend(e.fn.cycle.API, {
tmpl: function(t, i) {
var n = RegExp(i.tmplRegex || e.fn.cycle.defaults.tmplRegex,
"g"),
s = e.makeArray(arguments);
return s.shift(), t.replace(n, function(t, i) {
var n, o, c, l, r = i.split(".");
for (n = 0; s.length > n; n++)
if (c = s[n]) {
if (r.length > 1)
for (l = c, o = 0; r.length > o; o++)
c = l, l = l[r[o]] || i;
else l = c[i]; if (e.isFunction(l))
return l.apply(c, s);
if (void 0 !== l && null !== l && l !=
i) return l
}
return i
})
}
})
}(jQuery);
//# sourceMappingURL=jquery.cycle2.js.map/* Plugin for Cycle2; Copyright (c) 2012 M. Alsup; v20140114 */
(function(e){"use strict";e(document).on("cycle-bootstrap",function(e,t,i){"carousel"===t.fx&&(i.getSlideIndex=function(e){var t=this.opts()._carouselWrap.children(),i=t.index(e);return i%t.length},i.next=function(){var e=t.reverse?-1:1;t.allowWrap===!1&&t.currSlide+e>t.slideCount-t.carouselVisible||(t.API.advanceSlide(e),t.API.trigger("cycle-next",[t]).log("cycle-next"))})}),e.fn.cycle.transitions.carousel={preInit:function(t){t.hideNonActive=!1,t.container.on("cycle-destroyed",e.proxy(this.onDestroy,t.API)),t.API.stopTransition=this.stopTransition;for(var i=0;t.startingSlide>i;i++)t.container.append(t.slides[0])},postInit:function(t){var i,n,s,o,r=t.carouselVertical;t.carouselVisible&&t.carouselVisible>t.slideCount&&(t.carouselVisible=t.slideCount-1);var l=t.carouselVisible||t.slides.length,c={display:r?"block":"inline-block",position:"static"};if(t.container.css({position:"relative",overflow:"hidden"}),t.slides.css(c),t._currSlide=t.currSlide,o=e('').prependTo(t.container).css({margin:0,padding:0,top:0,left:0,position:"absolute"}).append(t.slides),t._carouselWrap=o,r||o.css("white-space","nowrap"),t.allowWrap!==!1){for(n=0;(void 0===t.carouselVisible?2:1)>n;n++){for(i=0;t.slideCount>i;i++)o.append(t.slides[i].cloneNode(!0));for(i=t.slideCount;i--;)o.prepend(t.slides[i].cloneNode(!0))}o.find(".cycle-slide-active").removeClass("cycle-slide-active"),t.slides.eq(t.startingSlide).addClass("cycle-slide-active")}t.pager&&t.allowWrap===!1&&(s=t.slideCount-l,e(t.pager).children().filter(":gt("+s+")").hide()),t._nextBoundry=t.slideCount-t.carouselVisible,this.prepareDimensions(t)},prepareDimensions:function(t){var i,n,s,o,r=t.carouselVertical,l=t.carouselVisible||t.slides.length;if(t.carouselFluid&&t.carouselVisible?t._carouselResizeThrottle||this.fluidSlides(t):t.carouselVisible&&t.carouselSlideDimension?(i=l*t.carouselSlideDimension,t.container[r?"height":"width"](i)):t.carouselVisible&&(i=l*e(t.slides[0])[r?"outerHeight":"outerWidth"](!0),t.container[r?"height":"width"](i)),n=t.carouselOffset||0,t.allowWrap!==!1)if(t.carouselSlideDimension)n-=(t.slideCount+t.currSlide)*t.carouselSlideDimension;else for(s=t._carouselWrap.children(),o=0;t.slideCount+t.currSlide>o;o++)n-=e(s[o])[r?"outerHeight":"outerWidth"](!0);t._carouselWrap.css(r?"top":"left",n)},fluidSlides:function(t){function i(){clearTimeout(s),s=setTimeout(n,20)}function n(){t._carouselWrap.stop(!1,!0);var e=t.container.width()/t.carouselVisible;e=Math.ceil(e-r),t._carouselWrap.children().width(e),t._sentinel&&t._sentinel.width(e),l(t)}var s,o=t.slides.eq(0),r=o.outerWidth()-o.width(),l=this.prepareDimensions;e(window).on("resize",i),t._carouselResizeThrottle=i,n()},transition:function(t,i,n,s,o){var r,l={},c=t.nextSlide-t.currSlide,a=t.carouselVertical,d=t.speed;if(t.allowWrap===!1){s=c>0;var u=t._currSlide,p=t.slideCount-t.carouselVisible;c>0&&t.nextSlide>p&&u==p?c=0:c>0&&t.nextSlide>p?c=t.nextSlide-u-(t.nextSlide-p):0>c&&t.currSlide>p&&t.nextSlide>p?c=0:0>c&&t.currSlide>p?c+=t.currSlide-p:u=t.currSlide,r=this.getScroll(t,a,u,c),t.API.opts()._currSlide=t.nextSlide>p?p:t.nextSlide}else s&&0===t.nextSlide?(r=this.getDim(t,t.currSlide,a),o=this.genCallback(t,s,a,o)):s||t.nextSlide!=t.slideCount-1?r=this.getScroll(t,a,t.currSlide,c):(r=this.getDim(t,t.currSlide,a),o=this.genCallback(t,s,a,o));l[a?"top":"left"]=s?"-="+r:"+="+r,t.throttleSpeed&&(d=r/e(t.slides[0])[a?"height":"width"]()*t.speed),t._carouselWrap.animate(l,d,t.easing,o)},getDim:function(t,i,n){var s=e(t.slides[i]);return s[n?"outerHeight":"outerWidth"](!0)},getScroll:function(e,t,i,n){var s,o=0;if(n>0)for(s=i;i+n>s;s++)o+=this.getDim(e,s,t);else for(s=i;s>i+n;s--)o+=this.getDim(e,s,t);return o},genCallback:function(t,i,n,s){return function(){var i=e(t.slides[t.nextSlide]).position(),o=0-i[n?"top":"left"]+(t.carouselOffset||0);t._carouselWrap.css(t.carouselVertical?"top":"left",o),s()}},stopTransition:function(){var e=this.opts();e.slides.stop(!1,!0),e._carouselWrap.stop(!1,!0)},onDestroy:function(){var t=this.opts();t._carouselResizeThrottle&&e(window).off("resize",t._carouselResizeThrottle),t.slides.prependTo(t.container),t._carouselWrap.remove()}}})(jQuery);/* Plugin for Cycle2; Copyright (c) 2012 M. Alsup; v20140128 */
(function(e){"use strict";e.event.special.swipe=e.event.special.swipe||{scrollSupressionThreshold:10,durationThreshold:1e3,horizontalDistanceThreshold:30,verticalDistanceThreshold:75,setup:function(){var i=e(this);i.bind("touchstart",function(t){function n(i){if(r){var t=i.originalEvent.touches?i.originalEvent.touches[0]:i;s={time:(new Date).getTime(),coords:[t.pageX,t.pageY]},Math.abs(r.coords[0]-s.coords[0])>e.event.special.swipe.scrollSupressionThreshold&&i.preventDefault()}}var s,o=t.originalEvent.touches?t.originalEvent.touches[0]:t,r={time:(new Date).getTime(),coords:[o.pageX,o.pageY],origin:e(t.target)};i.bind("touchmove",n).one("touchend",function(){i.unbind("touchmove",n),r&&s&&s.time-r.timee.event.special.swipe.horizontalDistanceThreshold&&Math.abs(r.coords[1]-s.coords[1])s.coords[0]?"swipeleft":"swiperight"),r=s=void 0})})}},e.event.special.swipeleft=e.event.special.swipeleft||{setup:function(){e(this).bind("swipe",e.noop)}},e.event.special.swiperight=e.event.special.swiperight||e.event.special.swipeleft})(jQuery);/**
* Owl carousel
* @version 2.0.0
* @author Bartosz Wojciechowski
* @license The MIT License (MIT)
* @todo Lazy Load Icon
* @todo prevent animationend bubling
* @todo itemsScaleUp
* @todo Test Zepto
* @todo stagePadding calculate wrong active classes
*/
;(function($, window, document, undefined) {
var drag, state, e;
/**
* Template for status information about drag and touch events.
* @private
*/
drag = {
start: 0,
startX: 0,
startY: 0,
current: 0,
currentX: 0,
currentY: 0,
offsetX: 0,
offsetY: 0,
distance: null,
startTime: 0,
endTime: 0,
updatedX: 0,
targetEl: null
};
/**
* Template for some status informations.
* @private
*/
state = {
isTouch: false,
isScrolling: false,
isSwiping: false,
direction: false,
inMotion: false
};
/**
* Event functions references.
* @private
*/
e = {
_onDragStart: null,
_onDragMove: null,
_onDragEnd: null,
_transitionEnd: null,
_resizer: null,
_responsiveCall: null,
_goToLoop: null,
_checkVisibile: null
};
/**
* Creates a carousel.
* @class The Owl Carousel.
* @public
* @param {HTMLElement|jQuery} element - The element to create the carousel for.
* @param {Object} [options] - The options
*/
function Owl(element, options) {
/**
* Current settings for the carousel.
* @public
*/
this.settings = null;
/**
* Current options set by the caller including defaults.
* @public
*/
this.options = $.extend({}, Owl.Defaults, options);
/**
* Plugin element.
* @public
*/
this.$element = $(element);
/**
* Caches informations about drag and touch events.
*/
this.drag = $.extend({}, drag);
/**
* Caches some status informations.
* @protected
*/
this.state = $.extend({}, state);
/**
* @protected
* @todo Must be documented
*/
this.e = $.extend({}, e);
/**
* References to the running plugins of this carousel.
* @protected
*/
this._plugins = {};
/**
* Currently suppressed events to prevent them from beeing retriggered.
* @protected
*/
this._supress = {};
/**
* Absolute current position.
* @protected
*/
this._current = null;
/**
* Animation speed in milliseconds.
* @protected
*/
this._speed = null;
/**
* Coordinates of all items in pixel.
* @todo The name of this member is missleading.
* @protected
*/
this._coordinates = [];
/**
* Current breakpoint.
* @todo Real media queries would be nice.
* @protected
*/
this._breakpoint = null;
/**
* Current width of the plugin element.
*/
this._width = null;
/**
* All real items.
* @protected
*/
this._items = [];
/**
* All cloned items.
* @protected
*/
this._clones = [];
/**
* Merge values of all items.
* @todo Maybe this could be part of a plugin.
* @protected
*/
this._mergers = [];
/**
* Invalidated parts within the update process.
* @protected
*/
this._invalidated = {};
/**
* Ordered list of workers for the update process.
* @protected
*/
this._pipe = [];
$.each(Owl.Plugins, $.proxy(function(key, plugin) {
this._plugins[key[0].toLowerCase() + key.slice(1)]
= new plugin(this);
}, this));
$.each(Owl.Pipe, $.proxy(function(priority, worker) {
this._pipe.push({
'filter': worker.filter,
'run': $.proxy(worker.run, this)
});
}, this));
this.setup();
this.initialize();
}
/**
* Default options for the carousel.
* @public
*/
Owl.Defaults = {
items: 3,
loop: false,
center: 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,
responsiveClass: false,
fallbackEasing: 'swing',
info: false,
nestedItemSelector: false,
itemElement: 'div',
stageElement: 'div',
// Classes and Names
themeClass: 'owl-theme',
baseClass: 'owl-carousel',
itemClass: 'owl-item',
centerClass: 'center',
activeClass: 'active'
};
/**
* Enumeration for width.
* @public
* @readonly
* @enum {String}
*/
Owl.Width = {
Default: 'default',
Inner: 'inner',
Outer: 'outer'
};
/**
* Contains all registered plugins.
* @public
*/
Owl.Plugins = {};
/**
* Update pipe.
*/
Owl.Pipe = [ {
filter: [ 'width', 'items', 'settings' ],
run: function(cache) {
cache.current = this._items && this._items[this.relative(this._current)];
}
}, {
filter: [ 'items', 'settings' ],
run: function() {
var cached = this._clones,
clones = this.$stage.children('.cloned');
if (clones.length !== cached.length || (!this.settings.loop && cached.length > 0)) {
this.$stage.children('.cloned').remove();
this._clones = [];
}
}
}, {
filter: [ 'items', 'settings' ],
run: function() {
var i, n,
clones = this._clones,
items = this._items,
delta = this.settings.loop ? clones.length - Math.max(this.settings.items * 2, 4) : 0;
for (i = 0, n = Math.abs(delta / 2); i < n; i++) {
if (delta > 0) {
this.$stage.children().eq(items.length + clones.length - 1).remove();
clones.pop();
this.$stage.children().eq(0).remove();
clones.pop();
} else {
clones.push(clones.length / 2);
if(items.length > 1) {
this.$stage.append(items[clones[clones.length - 1]].clone().addClass('cloned'));
clones.push(items.length - 1 - (clones.length - 1) / 2);
this.$stage.prepend(items[clones[clones.length - 1]].clone().addClass('cloned'));
}
}
}
}
}, {
filter: [ 'width', 'items', 'settings' ],
run: function() {
var rtl = (this.settings.rtl ? 1 : -1),
width = (this.width() / this.settings.items).toFixed(3),
coordinate = 0, merge, i, n;
this._coordinates = [];
for (i = 0, n = this._clones.length + this._items.length; i < n; i++) {
merge = this._mergers[this.relative(i)];
merge = (this.settings.mergeFit && Math.min(merge, this.settings.items)) || merge;
coordinate += (this.settings.autoWidth ? this._items[this.relative(i)].width() + this.settings.margin : width * merge) * rtl;
this._coordinates.push(coordinate);
}
}
}, {
filter: [ 'width', 'items', 'settings' ],
run: function() {
var i, n, width = (this.width() / this.settings.items).toFixed(3), css = {
'width': Math.abs(this._coordinates[this._coordinates.length - 1]) + this.settings.stagePadding * 2,
'padding-left': this.settings.stagePadding || '',
'padding-right': this.settings.stagePadding || ''
};
this.$stage.css(css);
css = { 'width': this.settings.autoWidth ? 'auto' : width - this.settings.margin };
css[this.settings.rtl ? 'margin-left' : 'margin-right'] = this.settings.margin;
if (!this.settings.autoWidth && $.grep(this._mergers, function(v) { return v > 1 }).length > 0) {
for (i = 0, n = this._coordinates.length; i < n; i++) {
css.width = Math.abs(this._coordinates[i]) - Math.abs(this._coordinates[i - 1] || 0) - this.settings.margin;
this.$stage.children().eq(i).css(css);
}
} else {
this.$stage.children().css(css);
}
}
}, {
filter: [ 'width', 'items', 'settings' ],
run: function(cache) {
cache.current && this.reset(this.$stage.children().index(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('.' + this.settings.activeClass).removeClass(this.settings.activeClass);
this.$stage.children(':eq(' + matches.join('), :eq(') + ')').addClass(this.settings.activeClass);
if (this.settings.center) {
this.$stage.children('.' + this.settings.centerClass).removeClass(this.settings.centerClass);
this.$stage.children().eq(this.current()).addClass(this.settings.centerClass);
}
}
} ];
/**
* Initializes the carousel.
* @protected
*/
Owl.prototype.initialize = function() {
this.trigger('initialize');
this.$element
.addClass(this.settings.baseClass)
.addClass(this.settings.themeClass)
.toggleClass('owl-rtl', this.settings.rtl);
// check support
this.browserSupport();
if (this.settings.autoWidth && this.state.imagesLoaded !== true) {
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);
return false;
}
}
this.$element.addClass('owl-loading');
// create stage
this.$stage = $('<' + this.settings.stageElement + ' class="owl-stage"/>')
.wrap('
');
// append stage
this.$element.append(this.$stage.parent());
// append content
this.replace(this.$element.children().not(this.$stage.parent()));
// set view width
this._width = this.$element.width();
// update view
this.refresh();
this.$element.removeClass('owl-loading').addClass('owl-loaded');
// attach generic events
this.eventsCall();
// attach generic events
this.internalEvents();
// attach custom control events
this.addTriggerableEvents();
this.trigger('initialized');
};
/**
* Setups the current settings.
* @todo Remove responsive classes. Why should adaptive designs be brought into IE8?
* @todo Support for media queries by using `matchMedia` would be nice.
* @public
*/
Owl.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;
// responsive class
if (settings.responsiveClass) {
this.$element.attr('class', function(i, c) {
return c.replace(/\b owl-responsive-\S+/g, '');
}).addClass('owl-responsive-' + 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 } });
}
};
/**
* Updates option logic if necessery.
* @protected
*/
Owl.prototype.optionsLogic = function() {
// Toggle Center class
this.$element.toggleClass('owl-center', this.settings.center);
// if items number is less than in body
if (this.settings.loop && this._items.length < this.settings.items) {
this.settings.loop = false;
}
if (this.settings.autoWidth) {
this.settings.stagePadding = false;
this.settings.merge = false;
}
};
/**
* Prepares an item before add.
* @todo Rename event parameter `content` to `item`.
* @protected
* @returns {jQuery|HTMLElement} - The item container.
*/
Owl.prototype.prepare = function(item) {
var event = this.trigger('prepare', { content: item });
if (!event.data) {
event.data = $('<' + this.settings.itemElement + '/>')
.addClass(this.settings.itemClass).append(item)
}
this.trigger('prepared', { content: event.data });
return event.data;
};
/**
* Updates the view.
* @public
*/
Owl.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 = {};
};
/**
* Gets the width of the view.
* @public
* @param {Owl.Width} [dimension=Owl.Width.Default] - The dimension to return.
* @returns {Number} - The width of the view in pixel.
*/
Owl.prototype.width = function(dimension) {
dimension = dimension || Owl.Width.Default;
switch (dimension) {
case Owl.Width.Inner:
case Owl.Width.Outer:
return this._width;
default:
return this._width - this.settings.stagePadding * 2 + this.settings.margin;
}
};
/**
* Refreshes the carousel primarily for adaptive purposes.
* @public
*/
Owl.prototype.refresh = function() {
if (this._items.length === 0) {
return false;
}
var start = new Date().getTime();
this.trigger('refresh');
this.setup();
this.optionsLogic();
// hide and show methods helps here to set a proper widths,
// this prevents scrollbar to be calculated in stage width
this.$stage.addClass('owl-refresh');
this.update();
this.$stage.removeClass('owl-refresh');
this.state.orientation = window.orientation;
this.watchVisibility();
this.trigger('refreshed');
};
/**
* Save internal event references and add event based functions.
* @protected
*/
Owl.prototype.eventsCall = function() {
// Save events references
this.e._onDragStart = $.proxy(function(e) {
this.onDragStart(e);
}, this);
this.e._onDragMove = $.proxy(function(e) {
this.onDragMove(e);
}, this);
this.e._onDragEnd = $.proxy(function(e) {
this.onDragEnd(e);
}, this);
this.e._onResize = $.proxy(function(e) {
this.onResize(e);
}, this);
this.e._transitionEnd = $.proxy(function(e) {
this.transitionEnd(e);
}, this);
this.e._preventClick = $.proxy(function(e) {
this.preventClick(e);
}, this);
};
/**
* Checks window `resize` event.
* @protected
*/
Owl.prototype.onThrottledResize = function() {
window.clearTimeout(this.resizeTimer);
this.resizeTimer = window.setTimeout(this.e._onResize, this.settings.responsiveRefreshRate);
};
/**
* Checks window `resize` event.
* @protected
*/
Owl.prototype.onResize = function() {
if (!this._items.length) {
return false;
}
if (this._width === this.$element.width()) {
return false;
}
if (this.trigger('resize').isDefaultPrevented()) {
return false;
}
this._width = this.$element.width();
this.invalidate('width');
this.refresh();
this.trigger('resized');
};
/**
* Checks for touch/mouse drag event type and add run event handlers.
* @protected
*/
Owl.prototype.eventsRouter = function(event) {
var type = event.type;
if (type === "mousedown" || type === "touchstart") {
this.onDragStart(event);
} else if (type === "mousemove" || type === "touchmove") {
this.onDragMove(event);
} else if (type === "mouseup" || type === "touchend") {
this.onDragEnd(event);
} else if (type === "touchcancel") {
this.onDragEnd(event);
}
};
/**
* Checks for touch/mouse drag options and add necessery event handlers.
* @protected
*/
Owl.prototype.internalEvents = function() {
var isTouch = isTouchSupport(),
isTouchIE = isTouchSupportIE();
if (this.settings.mouseDrag){
this.$stage.on('mousedown', $.proxy(function(event) { this.eventsRouter(event) }, this));
this.$stage.on('dragstart', function() { return false });
this.$stage.get(0).onselectstart = function() { return false };
} else {
this.$element.addClass('owl-text-select-on');
}
if (this.settings.touchDrag && !isTouchIE){
this.$stage.on('touchstart touchcancel', $.proxy(function(event) { this.eventsRouter(event) }, this));
}
// catch transitionEnd event
if (this.transitionEndVendor) {
this.on(this.$stage.get(0), this.transitionEndVendor, this.e._transitionEnd, false);
}
// responsive
if (this.settings.responsive !== false) {
this.on(window, 'resize', $.proxy(this.onThrottledResize, this));
}
};
/**
* Handles touchstart/mousedown event.
* @protected
* @param {Event} event - The event arguments.
*/
Owl.prototype.onDragStart = function(event) {
var ev, isTouchEvent, pageX, pageY, animatedPos;
ev = event.originalEvent || event || window.event;
// prevent right click
if (ev.which === 3 || this.state.isTouch) {
return false;
}
if (ev.type === 'mousedown') {
this.$stage.addClass('owl-grab');
}
this.trigger('drag');
this.drag.startTime = new Date().getTime();
this.speed(0);
this.state.isTouch = true;
this.state.isScrolling = false;
this.state.isSwiping = false;
this.drag.distance = 0;
pageX = getTouches(ev).x;
pageY = getTouches(ev).y;
// get stage position left
this.drag.offsetX = this.$stage.position().left;
this.drag.offsetY = this.$stage.position().top;
if (this.settings.rtl) {
this.drag.offsetX = this.$stage.position().left + this.$stage.width() - this.width()
+ this.settings.margin;
}
// catch position // ie to fix
if (this.state.inMotion && this.support3d) {
animatedPos = this.getTransformProperty();
this.drag.offsetX = animatedPos;
this.animate(animatedPos);
this.state.inMotion = true;
} else if (this.state.inMotion && !this.support3d) {
this.state.inMotion = false;
return false;
}
this.drag.startX = pageX - this.drag.offsetX;
this.drag.startY = pageY - this.drag.offsetY;
this.drag.start = pageX - this.drag.startX;
this.drag.targetEl = ev.target || ev.srcElement;
this.drag.updatedX = this.drag.start;
// to do/check
// prevent links and images dragging;
if (this.drag.targetEl.tagName === "IMG" || this.drag.targetEl.tagName === "A") {
this.drag.targetEl.draggable = false;
}
$(document).on('mousemove.owl.dragEvents mouseup.owl.dragEvents touchmove.owl.dragEvents touchend.owl.dragEvents', $.proxy(function(event) {this.eventsRouter(event)},this));
};
/**
* Handles the touchmove/mousemove events.
* @todo Simplify
* @protected
* @param {Event} event - The event arguments.
*/
Owl.prototype.onDragMove = function(event) {
var ev, isTouchEvent, pageX, pageY, minValue, maxValue, pull;
if (!this.state.isTouch) {
return;
}
if (this.state.isScrolling) {
return;
}
ev = event.originalEvent || event || window.event;
pageX = getTouches(ev).x;
pageY = getTouches(ev).y;
// Drag Direction
this.drag.currentX = pageX - this.drag.startX;
this.drag.currentY = pageY - this.drag.startY;
this.drag.distance = this.drag.currentX - this.drag.offsetX;
// Check move direction
if (this.drag.distance < 0) {
this.state.direction = this.settings.rtl ? 'right' : 'left';
} else if (this.drag.distance > 0) {
this.state.direction = this.settings.rtl ? 'left' : 'right';
}
// Loop
if (this.settings.loop) {
if (this.op(this.drag.currentX, '>', this.coordinates(this.minimum())) && this.state.direction === 'right') {
this.drag.currentX -= (this.settings.center && this.coordinates(0)) - this.coordinates(this._items.length);
} else if (this.op(this.drag.currentX, '<', this.coordinates(this.maximum())) && this.state.direction === 'left') {
this.drag.currentX += (this.settings.center && this.coordinates(0)) - this.coordinates(this._items.length);
}
} else {
// pull
minValue = this.settings.rtl ? this.coordinates(this.maximum()) : this.coordinates(this.minimum());
maxValue = this.settings.rtl ? this.coordinates(this.minimum()) : this.coordinates(this.maximum());
pull = this.settings.pullDrag ? this.drag.distance / 5 : 0;
this.drag.currentX = Math.max(Math.min(this.drag.currentX, minValue + pull), maxValue + pull);
}
// Lock browser if swiping horizontal
if ((this.drag.distance > 8 || this.drag.distance < -8)) {
if (ev.preventDefault !== undefined) {
ev.preventDefault();
} else {
ev.returnValue = false;
}
this.state.isSwiping = true;
}
this.drag.updatedX = this.drag.currentX;
// Lock Owl if scrolling
if ((this.drag.currentY > 16 || this.drag.currentY < -16) && this.state.isSwiping === false) {
this.state.isScrolling = true;
this.drag.updatedX = this.drag.start;
}
this.animate(this.drag.updatedX);
};
/**
* Handles the touchend/mouseup events.
* @protected
*/
Owl.prototype.onDragEnd = function(event) {
var compareTimes, distanceAbs, closest;
if (!this.state.isTouch) {
return;
}
if (event.type === 'mouseup') {
this.$stage.removeClass('owl-grab');
}
this.trigger('dragged');
// prevent links and images dragging;
this.drag.targetEl.removeAttribute("draggable");
// remove drag event listeners
this.state.isTouch = false;
this.state.isScrolling = false;
this.state.isSwiping = false;
// to check
if (this.drag.distance === 0 && this.state.inMotion !== true) {
this.state.inMotion = false;
return false;
}
// prevent clicks while scrolling
this.drag.endTime = new Date().getTime();
compareTimes = this.drag.endTime - this.drag.startTime;
distanceAbs = Math.abs(this.drag.distance);
// to test
if (distanceAbs > 3 || compareTimes > 300) {
this.removeClick(this.drag.targetEl);
}
closest = this.closest(this.drag.updatedX);
this.speed(this.settings.dragEndSpeed || this.settings.smartSpeed);
this.current(closest);
this.invalidate('position');
this.update();
// if pullDrag is off then fire transitionEnd event manually when stick
// to border
if (!this.settings.pullDrag && this.drag.updatedX === this.coordinates(closest)) {
this.transitionEnd();
}
this.drag.distance = 0;
$(document).off('.owl.dragEvents');
};
/**
* Attaches `preventClick` to disable link while swipping.
* @protected
* @param {HTMLElement} [target] - The target of the `click` event.
*/
Owl.prototype.removeClick = function(target) {
this.drag.targetEl = target;
$(target).on('click.preventClick', this.e._preventClick);
// to make sure click is removed:
window.setTimeout(function() {
$(target).off('click.preventClick');
}, 300);
};
/**
* Suppresses click event.
* @protected
* @param {Event} ev - The event arguments.
*/
Owl.prototype.preventClick = function(ev) {
if (ev.preventDefault) {
ev.preventDefault();
} else {
ev.returnValue = false;
}
if (ev.stopPropagation) {
ev.stopPropagation();
}
$(ev.target).off('click.preventClick');
};
/**
* Catches stage position while animate (only CSS3).
* @protected
* @returns
*/
Owl.prototype.getTransformProperty = function() {
var transform, matrix3d;
transform = window.getComputedStyle(this.$stage.get(0), null).getPropertyValue(this.vendorName + 'transform');
// var transform = this.$stage.css(this.vendorName + 'transform')
transform = transform.replace(/matrix(3d)?\(|\)/g, '').split(',');
matrix3d = transform.length === 16;
return matrix3d !== true ? transform[4] : transform[12];
};
/**
* Gets absolute position of the closest item for a coordinate.
* @todo Setting `freeDrag` makes `closest` not reusable. See #165.
* @protected
* @param {Number} coordinate - The coordinate in pixel.
* @return {Number} - The absolute position of the closest item.
*/
Owl.prototype.closest = function(coordinate) {
var position = -1, pull = 30, width = this.width(), coordinates = this.coordinates();
if (!this.settings.freeDrag) {
// check closest item
$.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 = this.state.direction === 'left' ? index + 1 : index;
}
return position === -1;
}, this));
}
if (!this.settings.loop) {
// non loop boundries
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;
};
/**
* Animates the stage.
* @public
* @param {Number} coordinate - The coordinate in pixels.
*/
Owl.prototype.animate = function(coordinate) {
this.trigger('translate');
this.state.inMotion = this.speed() > 0;
if (this.support3d) {
this.$stage.css({
transform: 'translate3d(' + coordinate + 'px' + ',0px, 0px)',
transition: (this.speed() / 1000) + 's'
});
} else if (this.state.isTouch) {
this.$stage.css({
left: coordinate + 'px'
});
} else {
this.$stage.animate({
left: coordinate
}, this.speed() / 1000, this.settings.fallbackEasing, $.proxy(function() {
if (this.state.inMotion) {
this.transitionEnd();
}
}, this));
}
};
/**
* Sets the absolute position of the current item.
* @public
* @param {Number} [position] - The new absolute position or nothing to leave it unchanged.
* @returns {Number} - The absolute position of the current item.
*/
Owl.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;
};
/**
* Invalidates the given part of the update routine.
* @param {String} part - The part to invalidate.
*/
Owl.prototype.invalidate = function(part) {
this._invalidated[part] = true;
}
/**
* Resets the absolute position of the current item.
* @public
* @param {Number} position - The absolute position of the new item.
*/
Owl.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' ]);
};
/**
* Normalizes an absolute or a relative position for an item.
* @public
* @param {Number} position - The absolute or relative position to normalize.
* @param {Boolean} [relative=false] - Whether the given position is relative or not.
* @returns {Number} - The normalized position.
*/
Owl.prototype.normalize = function(position, relative) {
var n = (relative ? this._items.length : this._items.length + this._clones.length);
if (!$.isNumeric(position) || n < 1) {
return undefined;
}
if (this._clones.length) {
position = ((position % n) + n) % n;
} else {
position = Math.max(this.minimum(relative), Math.min(this.maximum(relative), position));
}
return position;
};
/**
* Converts an absolute position for an item into a relative position.
* @public
* @param {Number} position - The absolute position to convert.
* @returns {Number} - The converted position.
*/
Owl.prototype.relative = function(position) {
position = this.normalize(position);
position = position - this._clones.length / 2;
return this.normalize(position, true);
};
/**
* Gets the maximum position for an item.
* @public
* @param {Boolean} [relative=false] - Whether to return an absolute position or a relative position.
* @returns {Number}
*/
Owl.prototype.maximum = function(relative) {
var maximum, width, i = 0, coordinate,
settings = this.settings;
if (relative) {
return this._items.length - 1;
}
if (!settings.loop && settings.center) {
maximum = this._items.length - 1;
} else if (!settings.loop && !settings.center) {
maximum = this._items.length - settings.items;
} else if (settings.loop || settings.center) {
maximum = this._items.length + settings.items;
} else if (settings.autoWidth || settings.merge) {
revert = settings.rtl ? 1 : -1;
width = this.$stage.width() - this.$element.width();
while (coordinate = this.coordinates(i)) {
if (coordinate * revert >= width) {
break;
}
maximum = ++i;
}
} else {
throw 'Can not detect maximum absolute position.'
}
return maximum;
};
/**
* Gets the minimum position for an item.
* @public
* @param {Boolean} [relative=false] - Whether to return an absolute position or a relative position.
* @returns {Number}
*/
Owl.prototype.minimum = function(relative) {
if (relative) {
return 0;
}
return this._clones.length / 2;
};
/**
* Gets an item at the specified relative position.
* @public
* @param {Number} [position] - The relative position of the item.
* @return {jQuery|Array.} - The item at the given position or all items if no position was given.
*/
Owl.prototype.items = function(position) {
if (position === undefined) {
return this._items.slice();
}
position = this.normalize(position, true);
return this._items[position];
};
/**
* Gets an item at the specified relative position.
* @public
* @param {Number} [position] - The relative position of the item.
* @return {jQuery|Array.} - The item at the given position or all items if no position was given.
*/
Owl.prototype.mergers = function(position) {
if (position === undefined) {
return this._mergers.slice();
}
position = this.normalize(position, true);
return this._mergers[position];
};
/**
* Gets the absolute positions of clones for an item.
* @public
* @param {Number} [position] - The relative position of the item.
* @returns {Array.} - The absolute positions of clones for the item or all if no position was given.
*/
Owl.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 });
};
/**
* Sets the current animation speed.
* @public
* @param {Number} [speed] - The animation speed in milliseconds or nothing to leave it unchanged.
* @returns {Number} - The current animation speed in milliseconds.
*/
Owl.prototype.speed = function(speed) {
if (speed !== undefined) {
this._speed = speed;
}
return this._speed;
};
/**
* Gets the coordinate of an item.
* @todo The name of this method is missleanding.
* @public
* @param {Number} position - The absolute position of the item within `minimum()` and `maximum()`.
* @returns {Number|Array.} - The coordinate of the item in pixel or all coordinates.
*/
Owl.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;
};
/**
* Calculates the speed for a translation.
* @protected
* @param {Number} from - The absolute position of the start item.
* @param {Number} to - The absolute position of the target item.
* @param {Number} [factor=undefined] - The time factor in milliseconds.
* @returns {Number} - The time in milliseconds for the translation.
*/
Owl.prototype.duration = function(from, to, factor) {
return Math.min(Math.max(Math.abs(to - from), 1), 6) * Math.abs((factor || this.settings.smartSpeed));
};
/**
* Slides to the specified item.
* @public
* @param {Number} position - The position of the item.
* @param {Number} [speed] - The time in milliseconds for the transition.
*/
Owl.prototype.to = function(position, speed) {
if (this.settings.loop) {
var distance = position - this.relative(this.current()),
revert = this.current(),
before = this.current(),
after = this.current() + distance,
direction = before - after < 0 ? true : false,
items = this._clones.length + this._items.length;
if (after < this.settings.items && direction === false) {
revert = before + this._items.length;
this.reset(revert);
} else if (after >= items - this.settings.items && direction === true) {
revert = before - this._items.length;
this.reset(revert);
}
window.clearTimeout(this.e._goToLoop);
this.e._goToLoop = window.setTimeout($.proxy(function() {
this.speed(this.duration(this.current(), revert + distance, speed));
this.current(revert + distance);
this.update();
}, this), 30);
} else {
this.speed(this.duration(this.current(), position, speed));
this.current(position);
this.update();
}
};
/**
* Slides to the next item.
* @public
* @param {Number} [speed] - The time in milliseconds for the transition.
*/
Owl.prototype.next = function(speed) {
speed = speed || false;
this.to(this.relative(this.current()) + 1, speed);
};
/**
* Slides to the previous item.
* @public
* @param {Number} [speed] - The time in milliseconds for the transition.
*/
Owl.prototype.prev = function(speed) {
speed = speed || false;
this.to(this.relative(this.current()) - 1, speed);
};
/**
* Handles the end of an animation.
* @protected
* @param {Event} event - The event arguments.
*/
Owl.prototype.transitionEnd = function(event) {
// if css2 animation then event object is undefined
if (event !== undefined) {
event.stopPropagation();
// Catch only owl-stage transitionEnd event
if ((event.target || event.srcElement || event.originalTarget) !== this.$stage.get(0)) {
return false;
}
}
this.state.inMotion = false;
this.trigger('translated');
};
/**
* Gets viewport width.
* @protected
* @return {Number} - The width in pixel.
*/
Owl.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;
};
/**
* Replaces the current content.
* @public
* @param {HTMLElement|jQuery|String} content - The new content.
*/
Owl.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');
};
/**
* Adds an item.
* @todo Use `item` instead of `content` for the event arguments.
* @public
* @param {HTMLElement|jQuery|String} content - The item content to add.
* @param {Number} [position] - The relative position at which to insert the item otherwise the item will be added to the end.
*/
Owl.prototype.add = function(content, position) {
position = position === undefined ? this._items.length : this.normalize(position, true);
this.trigger('add', { content: content, position: position });
if (this._items.length === 0 || position === this._items.length) {
this.$stage.append(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.invalidate('items');
this.trigger('added', { content: content, position: position });
};
/**
* Removes an item by its position.
* @todo Use `item` instead of `content` for the event arguments.
* @public
* @param {Number} position - The relative position of the item to remove.
*/
Owl.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 });
};
/**
* Adds triggerable events.
* @protected
*/
Owl.prototype.addTriggerableEvents = function() {
var handler = $.proxy(function(callback, event) {
return $.proxy(function(e) {
if (e.relatedTarget !== this) {
this.suppress([ event ]);
callback.apply(this, [].slice.call(arguments, 1));
this.release([ event ]);
}
}, this);
}, this);
$.each({
'next': this.next,
'prev': this.prev,
'to': this.to,
'destroy': this.destroy,
'refresh': this.refresh,
'replace': this.replace,
'add': this.add,
'remove': this.remove
}, $.proxy(function(event, callback) {
this.$element.on(event + '.owl.carousel', handler(callback, event + '.owl.carousel'));
}, this));
};
/**
* Watches the visibility of the carousel element.
* @protected
*/
Owl.prototype.watchVisibility = function() {
// test on zepto
if (!isElVisible(this.$element.get(0))) {
this.$element.addClass('owl-hidden');
window.clearInterval(this.e._checkVisibile);
this.e._checkVisibile = window.setInterval($.proxy(checkVisible, this), 500);
}
function isElVisible(el) {
return el.offsetWidth > 0 && el.offsetHeight > 0;
}
function checkVisible() {
if (isElVisible(this.$element.get(0))) {
this.$element.removeClass('owl-hidden');
this.refresh();
window.clearInterval(this.e._checkVisibile);
}
}
};
/**
* Preloads images with auto width.
* @protected
* @todo Still to test
*/
Owl.prototype.preloadAutoWidthImages = function(imgs) {
var loaded, that, $el, img;
loaded = 0;
that = this;
imgs.each(function(i, el) {
$el = $(el);
img = new Image();
img.onload = function() {
loaded++;
$el.attr('src', img.src);
$el.css('opacity', 1);
if (loaded >= imgs.length) {
that.state.imagesLoaded = true;
that.initialize();
}
};
img.src = $el.attr('src') || $el.attr('data-src') || $el.attr('data-src-retina');
});
};
/**
* Destroys the carousel.
* @public
*/
Owl.prototype.destroy = function() {
if (this.$element.hasClass(this.settings.themeClass)) {
this.$element.removeClass(this.settings.themeClass);
}
if (this.settings.responsive !== false) {
$(window).off('resize.owl.carousel');
}
if (this.transitionEndVendor) {
this.off(this.$stage.get(0), this.transitionEndVendor, this.e._transitionEnd);
}
for ( var i in this._plugins) {
this._plugins[i].destroy();
}
if (this.settings.mouseDrag || this.settings.touchDrag) {
this.$stage.off('mousedown touchstart touchcancel');
$(document).off('.owl.dragEvents');
this.$stage.get(0).onselectstart = function() {};
this.$stage.off('dragstart', function() { return false });
}
// remove event handlers in the ".owl.carousel" namespace
this.$element.off('.owl');
this.$stage.children('.cloned').remove();
this.e = null;
this.$element.removeData('owlCarousel');
this.$stage.children().contents().unwrap();
this.$stage.children().unwrap();
this.$stage.unwrap();
};
/**
* Operators to calculate right-to-left and left-to-right.
* @protected
* @param {Number} [a] - The left side operand.
* @param {String} [o] - The operator.
* @param {Number} [b] - The right side operand.
*/
Owl.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;
}
};
/**
* Attaches to an internal event.
* @protected
* @param {HTMLElement} element - The event source.
* @param {String} event - The event name.
* @param {Function} listener - The event handler to attach.
* @param {Boolean} capture - Wether the event should be handled at the capturing phase or not.
*/
Owl.prototype.on = function(element, event, listener, capture) {
if (element.addEventListener) {
element.addEventListener(event, listener, capture);
} else if (element.attachEvent) {
element.attachEvent('on' + event, listener);
}
};
/**
* Detaches from an internal event.
* @protected
* @param {HTMLElement} element - The event source.
* @param {String} event - The event name.
* @param {Function} listener - The attached event handler to detach.
* @param {Boolean} capture - Wether the attached event handler was registered as a capturing listener or not.
*/
Owl.prototype.off = function(element, event, listener, capture) {
if (element.removeEventListener) {
element.removeEventListener(event, listener, capture);
} else if (element.detachEvent) {
element.detachEvent('on' + event, listener);
}
};
/**
* Triggers an public event.
* @protected
* @param {String} name - The event name.
* @param {*} [data=null] - The event data.
* @param {String} [namespace=.owl.carousel] - The event namespace.
* @returns {Event} - The event arguments.
*/
Owl.prototype.trigger = function(name, data, namespace) {
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.$element.trigger(event);
if (this.settings && typeof this.settings[handler] === 'function') {
this.settings[handler].apply(this, event);
}
}
return event;
};
/**
* Suppresses events.
* @protected
* @param {Array.} events - The events to suppress.
*/
Owl.prototype.suppress = function(events) {
$.each(events, $.proxy(function(index, event) {
this._supress[event] = true;
}, this));
}
/**
* Releases suppressed events.
* @protected
* @param {Array.} events - The events to release.
*/
Owl.prototype.release = function(events) {
$.each(events, $.proxy(function(index, event) {
delete this._supress[event];
}, this));
}
/**
* Checks the availability of some browser features.
* @protected
*/
Owl.prototype.browserSupport = function() {
this.support3d = isPerspective();
if (this.support3d) {
this.transformVendor = isTransform();
// take transitionend event name by detecting transition
var endVendors = [ 'transitionend', 'webkitTransitionEnd', 'transitionend', 'oTransitionEnd' ];
this.transitionEndVendor = endVendors[isTransition()];
// take vendor name from transform name
this.vendorName = this.transformVendor.replace(/Transform/i, '');
this.vendorName = this.vendorName !== '' ? '-' + this.vendorName.toLowerCase() + '-' : '';
}
this.state.orientation = window.orientation;
};
/**
* Get touch/drag coordinats.
* @private
* @param {event} - mousedown/touchstart event
* @returns {object} - Contains X and Y of current mouse/touch position
*/
function getTouches(event) {
if (event.touches !== undefined) {
return {
x: event.touches[0].pageX,
y: event.touches[0].pageY
};
}
if (event.touches === undefined) {
if (event.pageX !== undefined) {
return {
x: event.pageX,
y: event.pageY
};
}
if (event.pageX === undefined) {
return {
x: event.clientX,
y: event.clientY
};
}
}
}
/**
* Checks for CSS support.
* @private
* @param {Array} array - The CSS properties to check for.
* @returns {Array} - Contains the supported CSS property name and its index or `false`.
*/
function isStyleSupported(array) {
var p, s, fake = document.createElement('div'), list = array;
for (p in list) {
s = list[p];
if (typeof fake.style[s] !== 'undefined') {
fake = null;
return [ s, p ];
}
}
return [ false ];
}
/**
* Checks for CSS transition support.
* @private
* @todo Realy bad design
* @returns {Number}
*/
function isTransition() {
return isStyleSupported([ 'transition', 'WebkitTransition', 'MozTransition', 'OTransition' ])[1];
}
/**
* Checks for CSS transform support.
* @private
* @returns {String} The supported property name or false.
*/
function isTransform() {
return isStyleSupported([ 'transform', 'WebkitTransform', 'MozTransform', 'OTransform', 'msTransform' ])[0];
}
/**
* Checks for CSS perspective support.
* @private
* @returns {String} The supported property name or false.
*/
function isPerspective() {
return isStyleSupported([ 'perspective', 'webkitPerspective', 'MozPerspective', 'OPerspective', 'MsPerspective' ])[0];
}
/**
* Checks wether touch is supported or not.
* @private
* @returns {Boolean}
*/
function isTouchSupport() {
return 'ontouchstart' in window || !!(navigator.msMaxTouchPoints);
}
/**
* Checks wether touch is supported or not for IE.
* @private
* @returns {Boolean}
*/
function isTouchSupportIE() {
return window.navigator.msPointerEnabled;
}
/**
* The jQuery Plugin for the Owl Carousel
* @public
*/
$.fn.owlCarousel = function(options) {
return this.each(function() {
if (!$(this).data('owlCarousel')) {
$(this).data('owlCarousel', new Owl(this, options));
}
});
};
/**
* The constructor for the jQuery Plugin
* @public
*/
$.fn.owlCarousel.Constructor = Owl;
})(window.Zepto || window.jQuery, window, document);
/**
* Lazy Plugin
* @version 2.0.0
* @author Bartosz Wojciechowski
* @license The MIT License (MIT)
*/
;(function($, window, document, undefined) {
/**
* Creates the lazy plugin.
* @class The Lazy Plugin
* @param {Owl} carousel - The Owl Carousel
*/
var Lazy = function(carousel) {
/**
* Reference to the core.
* @protected
* @type {Owl}
*/
this._core = carousel;
/**
* Already loaded items.
* @protected
* @type {Array.}
*/
this._loaded = [];
/**
* Event handlers.
* @protected
* @type {Object}
*/
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);
}
}
}, this)
};
// set the default options
this._core.options = $.extend({}, Lazy.Defaults, this._core.options);
// register event handler
this._core.$element.on(this._handlers);
}
/**
* Default options.
* @public
*/
Lazy.Defaults = {
lazyLoad: false
}
/**
* Loads all resources of an item at the specified position.
* @param {Number} position - The absolute position of the item.
* @protected
*/
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));
}
/**
* Destroys the plugin.
* @public
*/
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.owlCarousel.Constructor.Plugins.Lazy = Lazy;
})(window.Zepto || window.jQuery, window, document);
/**
* AutoHeight Plugin
* @version 2.0.0
* @author Bartosz Wojciechowski
* @license The MIT License (MIT)
*/
;(function($, window, document, undefined) {
/**
* Creates the auto height plugin.
* @class The Auto Height Plugin
* @param {Owl} carousel - The Owl Carousel
*/
var AutoHeight = function(carousel) {
/**
* Reference to the core.
* @protected
* @type {Owl}
*/
this._core = carousel;
/**
* All event handlers.
* @protected
* @type {Object}
*/
this._handlers = {
'initialized.owl.carousel': $.proxy(function() {
if (this._core.settings.autoHeight) {
this.update();
}
}, this),
'changed.owl.carousel': $.proxy(function(e) {
if (this._core.settings.autoHeight && e.property.name == 'position'){
this.update();
}
}, this),
'loaded.owl.lazy': $.proxy(function(e) {
if (this._core.settings.autoHeight && e.element.closest('.' + this._core.settings.itemClass)
=== this._core.$stage.children().eq(this._core.current())) {
this.update();
}
}, this)
};
// set default options
this._core.options = $.extend({}, AutoHeight.Defaults, this._core.options);
// register event handlers
this._core.$element.on(this._handlers);
};
/**
* Default options.
* @public
*/
AutoHeight.Defaults = {
autoHeight: false,
autoHeightClass: 'owl-height'
};
/**
* Updates the view.
*/
AutoHeight.prototype.update = function() {
this._core.$stage.parent()
.height(this._core.$stage.children().eq(this._core.current()).height())
.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.owlCarousel.Constructor.Plugins.AutoHeight = AutoHeight;
})(window.Zepto || window.jQuery, window, document);
/**
* Video Plugin
* @version 2.0.0
* @author Bartosz Wojciechowski
* @license The MIT License (MIT)
*/
;(function($, window, document, undefined) {
/**
* Creates the video plugin.
* @class The Video Plugin
* @param {Owl} carousel - The Owl Carousel
*/
var Video = function(carousel) {
/**
* Reference to the core.
* @protected
* @type {Owl}
*/
this._core = carousel;
/**
* Cache all video URLs.
* @protected
* @type {Object}
*/
this._videos = {};
/**
* Current playing item.
* @protected
* @type {jQuery}
*/
this._playing = null;
/**
* Whether this is in fullscreen or not.
* @protected
* @type {Boolean}
*/
this._fullscreen = false;
/**
* All event handlers.
* @protected
* @type {Object}
*/
this._handlers = {
'resize.owl.carousel': $.proxy(function(e) {
if (this._core.settings.video && !this.isInFullScreen()) {
e.preventDefault();
}
}, this),
'refresh.owl.carousel changed.owl.carousel': $.proxy(function(e) {
if (this._playing) {
this.stop();
}
}, this),
'prepared.owl.carousel': $.proxy(function(e) {
var $element = $(e.content).find('.owl-video');
if ($element.length) {
$element.css('display', 'none');
this.fetch($element, $(e.content));
}
}, this)
};
// set default options
this._core.options = $.extend({}, Video.Defaults, this._core.options);
// register event handlers
this._core.$element.on(this._handlers);
this._core.$element.on('click.owl.video', '.owl-video-play-icon', $.proxy(function(e) {
this.play(e);
}, this));
};
/**
* Default options.
* @public
*/
Video.Defaults = {
video: false,
videoHeight: false,
videoWidth: false
};
/**
* Gets the video ID and the type (YouTube/Vimeo only).
* @protected
* @param {jQuery} target - The target containing the video data.
* @param {jQuery} item - The item containing the video.
*/
Video.prototype.fetch = function(target, item) {
var type = target.attr('data-vimeo-id') ? 'vimeo' : 'youtube',
id = target.attr('data-vimeo-id') || target.attr('data-youtube-id'),
width = target.attr('data-width') || this._core.settings.videoWidth,
height = target.attr('data-height') || this._core.settings.videoHeight,
url = target.attr('href');
if (url) {
id = url.match(/(http:|https:|)\/\/(player.|www.)?(vimeo\.com|youtu(be\.com|\.be|be\.googleapis\.com))\/(video\/|embed\/|watch\?v=|v\/)?([A-Za-z0-9._%-]*)(\&\S+)?/);
if (id[3].indexOf('youtu') > -1) {
type = 'youtube';
} else if (id[3].indexOf('vimeo') > -1) {
type = 'vimeo';
} else {
throw new Error('Video URL not supported.');
}
id = id[6];
} else {
throw new Error('Missing video URL.');
}
this._videos[url] = {
type: type,
id: id,
width: width,
height: height
};
item.attr('data-video', url);
this.thumbnail(target, this._videos[url]);
};
/**
* Creates video thumbnail.
* @protected
* @param {jQuery} target - The target containing the video data.
* @param {Object} info - The video info object.
* @see `fetch`
*/
Video.prototype.thumbnail = function(target, video) {
var tnLink,
icon,
path,
dimensions = video.width && video.height ? 'style="width:' + video.width + 'px;height:' + video.height + 'px;"' : '',
customTn = target.find('img'),
srcType = 'src',
lazyClass = '',
settings = this._core.settings,
create = function(path) {
icon = '';
if (settings.lazyLoad) {
tnLink = '';
} else {
tnLink = '';
}
target.after(tnLink);
target.after(icon);
};
// wrap video content into owl-video-wrapper div
target.wrap('');
if (this._core.settings.lazyLoad) {
srcType = 'data-src';
lazyClass = 'owl-lazy';
}
// custom thumbnail
if (customTn.length) {
create(customTn.attr(srcType));
customTn.remove();
return false;
}
if (video.type === 'youtube') {
path = "http://img.youtube.com/vi/" + video.id + "/hqdefault.jpg";
create(path);
} else if (video.type === 'vimeo') {
$.ajax({
type: 'GET',
url: 'http://vimeo.com/api/v2/video/' + video.id + '.json',
jsonp: 'callback',
dataType: 'jsonp',
success: function(data) {
path = data[0].thumbnail_large;
create(path);
}
});
}
};
/**
* Stops the current video.
* @public
*/
Video.prototype.stop = function() {
this._core.trigger('stop', null, 'video');
this._playing.find('.owl-video-frame').remove();
this._playing.removeClass('owl-video-playing');
this._playing = null;
};
/**
* Starts the current video.
* @public
* @param {Event} ev - The event arguments.
*/
Video.prototype.play = function(ev) {
this._core.trigger('play', null, 'video');
if (this._playing) {
this.stop();
}
var target = $(ev.target || ev.srcElement),
item = target.closest('.' + this._core.settings.itemClass),
video = this._videos[item.attr('data-video')],
width = video.width || '100%',
height = video.height || this._core.$stage.height(),
html, wrap;
if (video.type === 'youtube') {
html = '';
} else if (video.type === 'vimeo') {
html = '';
}
item.addClass('owl-video-playing');
this._playing = item;
wrap = $('
'
+ html + '
');
target.after(wrap);
};
/**
* Checks whether an video is currently in full screen mode or not.
* @todo Bad style because looks like a readonly method but changes members.
* @protected
* @returns {Boolean}
*/
Video.prototype.isInFullScreen = function() {
// if Vimeo Fullscreen mode
var element = document.fullscreenElement || document.mozFullScreenElement
|| document.webkitFullscreenElement;
if (element && $(element).parent().hasClass('owl-video-frame')) {
this._core.speed(0);
this._fullscreen = true;
}
if (element && this._fullscreen && this._playing) {
return false;
}
// comming back from fullscreen
if (this._fullscreen) {
this._fullscreen = false;
return false;
}
// check full screen mode and window orientation
if (this._playing) {
if (this._core.state.orientation !== window.orientation) {
this._core.state.orientation = window.orientation;
return false;
}
}
return true;
};
/**
* Destroys the plugin.
*/
Video.prototype.destroy = function() {
var handler, property;
this._core.$element.off('click.owl.video');
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.owlCarousel.Constructor.Plugins.Video = Video;
})(window.Zepto || window.jQuery, window, document);
/**
* Animate Plugin
* @version 2.0.0
* @author Bartosz Wojciechowski
* @license The MIT License (MIT)
*/
;(function($, window, document, undefined) {
/**
* Creates the animate plugin.
* @class The Navigation Plugin
* @param {Owl} scope - The Owl Carousel
*/
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.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) {
this.swapping = e.type == 'translated';
}, this),
'translate.owl.carousel': $.proxy(function(e) {
if (this.swapping && (this.core.options.animateOut || this.core.options.animateIn)) {
this.swap();
}
}, this)
};
this.core.$element.on(this.handlers);
};
/**
* Default options.
* @public
*/
Animate.Defaults = {
animateOut: false,
animateIn: false
};
/**
* Toggles the animation classes whenever an translations starts.
* @protected
* @returns {Boolean|undefined}
*/
Animate.prototype.swap = function() {
if (this.core.settings.items !== 1 || !this.core.support3d) {
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.css( { 'left': left + 'px' } )
.addClass('animated owl-animated-out')
.addClass(outgoing)
.one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', clear);
}
if (incoming) {
next.addClass('animated owl-animated-in')
.addClass(incoming)
.one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', clear);
}
};
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.transitionEnd();
}
/**
* Destroys the plugin.
* @public
*/
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.owlCarousel.Constructor.Plugins.Animate = Animate;
})(window.Zepto || window.jQuery, window, document);
/**
* Autoplay Plugin
* @version 2.0.0
* @author Bartosz Wojciechowski
* @license The MIT License (MIT)
*/
;(function($, window, document, undefined) {
/**
* Creates the autoplay plugin.
* @class The Autoplay Plugin
* @param {Owl} scope - The Owl Carousel
*/
var Autoplay = function(scope) {
this.core = scope;
this.core.options = $.extend({}, Autoplay.Defaults, this.core.options);
this.handlers = {
'translated.owl.carousel refreshed.owl.carousel': $.proxy(function() {
this.autoplay();
}, this),
'play.owl.autoplay': $.proxy(function(e, t, s) {
this.play(t, s);
}, this),
'stop.owl.autoplay': $.proxy(function() {
this.stop();
}, this),
'mouseover.owl.autoplay': $.proxy(function() {
if (this.core.settings.autoplayHoverPause) {
this.pause();
}
}, this),
'mouseleave.owl.autoplay': $.proxy(function() {
if (this.core.settings.autoplayHoverPause) {
this.autoplay();
}
}, this)
};
this.core.$element.on(this.handlers);
};
/**
* Default options.
* @public
*/
Autoplay.Defaults = {
autoplay: false,
autoplayTimeout: 5000,
autoplayHoverPause: false,
autoplaySpeed: false
};
/**
* @protected
* @todo Must be documented.
*/
Autoplay.prototype.autoplay = function() {
if (this.core.settings.autoplay && !this.core.state.videoPlay) {
window.clearInterval(this.interval);
this.interval = window.setInterval($.proxy(function() {
this.play();
}, this), this.core.settings.autoplayTimeout);
} else {
window.clearInterval(this.interval);
}
};
/**
* Starts the autoplay.
* @public
* @param {Number} [timeout] - ...
* @param {Number} [speed] - ...
* @returns {Boolean|undefined} - ...
* @todo Must be documented.
*/
Autoplay.prototype.play = function(timeout, speed) {
// if tab is inactive - doesnt work in }
*/
this._templates = [];
/**
* The carousel element.
* @type {jQuery}
*/
this.$element = this._core.$element;
/**
* Overridden methods of the carousel.
* @protected
* @type {Object}
*/
this._overrides = {
next: this._core.next,
prev: this._core.prev,
to: this._core.to
};
/**
* All event handlers.
* @protected
* @type {Object}
*/
this._handlers = {
'prepared.owl.carousel': $.proxy(function(e) {
if (this._core.settings.dotsData) {
this._templates.push($(e.content).find('[data-dot]').andSelf('[data-dot]').attr('data-dot'));
}
}, this),
'add.owl.carousel': $.proxy(function(e) {
if (this._core.settings.dotsData) {
this._templates.splice(e.position, 0, $(e.content).find('[data-dot]').andSelf('[data-dot]').attr('data-dot'));
}
}, this),
'remove.owl.carousel prepared.owl.carousel': $.proxy(function(e) {
if (this._core.settings.dotsData) {
this._templates.splice(e.position, 1);
}
}, this),
'change.owl.carousel': $.proxy(function(e) {
if (e.property.name == 'position') {
if (!this._core.state.revert && !this._core.settings.loop && this._core.settings.navRewind) {
var current = this._core.current(),
maximum = this._core.maximum(),
minimum = this._core.minimum();
e.data = e.property.value > maximum
? current >= maximum ? minimum : maximum
: e.property.value < minimum ? maximum : e.property.value;
}
}
}, this),
'changed.owl.carousel': $.proxy(function(e) {
if (e.property.name == 'position') {
this.draw();
}
}, this),
'refreshed.owl.carousel': $.proxy(function() {
if (!this._initialized) {
this.initialize();
this._initialized = true;
}
this._core.trigger('refresh', null, 'navigation');
this.update();
this.draw();
this._core.trigger('refreshed', null, 'navigation');
}, this)
};
// set default options
this._core.options = $.extend({}, Navigation.Defaults, this._core.options);
// register event handlers
this.$element.on(this._handlers);
}
/**
* Default options.
* @public
* @todo Rename `slideBy` to `navBy`
*/
Navigation.Defaults = {
nav: false,
navRewind: true,
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,
dotData: false,
dotsSpeed: false,
dotsContainer: false,
controlsClass: 'owl-controls'
}
/**
* Initializes the layout of the plugin and extends the carousel.
* @protected
*/
Navigation.prototype.initialize = function() {
var $container, override,
options = this._core.settings;
// create the indicator template
if (!options.dotsData) {
this._templates = [ $('
')
.addClass(options.dotClass)
.append($(''))
.prop('outerHTML') ];
}
// create controls container if needed
if (!options.navContainer || !options.dotsContainer) {
this._controls.$container = $('
')
.addClass(options.controlsClass)
.appendTo(this.$element);
}
// create DOM structure for absolute navigation
this._controls.$indicators = options.dotsContainer ? $(options.dotsContainer)
: $('
').hide().addClass(options.dotsClass).appendTo(this._controls.$container);
this._controls.$indicators.on('click', 'div', $.proxy(function(e) {
var index = $(e.target).parent().is(this._controls.$indicators)
? $(e.target).index() : $(e.target).parent().index();
e.preventDefault();
this.to(index, options.dotsSpeed);
}, this));
// create DOM structure for relative navigation
$container = options.navContainer ? $(options.navContainer)
: $('
').addClass(options.navContainerClass).prependTo(this._controls.$container);
this._controls.$next = $('<' + options.navElement + '>');
this._controls.$previous = this._controls.$next.clone();
this._controls.$previous
.addClass(options.navClass[0])
.html(options.navText[0])
.hide()
.prependTo($container)
.on('click', $.proxy(function(e) {
this.prev(options.navSpeed);
}, this));
this._controls.$next
.addClass(options.navClass[1])
.html(options.navText[1])
.hide()
.appendTo($container)
.on('click', $.proxy(function(e) {
this.next(options.navSpeed);
}, this));
// override public methods of the carousel
for (override in this._overrides) {
this._core[override] = $.proxy(this[override], this);
}
}
/**
* Destroys the plugin.
* @protected
*/
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);
}
}
/**
* Updates the internal state.
* @protected
*/
Navigation.prototype.update = function() {
var i, j, k,
options = this._core.settings,
lower = this._core.clones().length / 2,
upper = lower + this._core.items().length,
size = options.center || options.autoWidth || options.dotData
? 1 : options.dotsEach || options.items;
if (options.slideBy !== 'page') {
options.slideBy = Math.min(options.slideBy, options.items);
}
if (options.dots || options.slideBy == 'page') {
this._pages = [];
for (i = lower, j = 0, k = 0; i < upper; i++) {
if (j >= size || j === 0) {
this._pages.push({
start: i - lower,
end: i - lower + size - 1
});
j = 0, ++k;
}
j += this._core.mergers(this._core.relative(i));
}
}
}
/**
* Draws the user interface.
* @todo The option `dotData` wont work.
* @protected
*/
Navigation.prototype.draw = function() {
var difference, i, html = '',
options = this._core.settings,
$items = this._core.$stage.children(),
index = this._core.relative(this._core.current());
if (options.nav && !options.loop && !options.navRewind) {
this._controls.$previous.toggleClass('disabled', index <= 0);
this._controls.$next.toggleClass('disabled', index >= this._core.maximum());
}
this._controls.$previous.toggle(options.nav);
this._controls.$next.toggle(options.nav);
if (options.dots) {
difference = this._pages.length - this._controls.$indicators.children().length;
if (options.dotData && difference !== 0) {
for (i = 0; i < this._controls.$indicators.children().length; i++) {
html += this._templates[this._core.relative(i)];
}
this._controls.$indicators.html(html);
} else if (difference > 0) {
html = new Array(difference + 1).join(this._templates[0]);
this._controls.$indicators.append(html);
} else if (difference < 0) {
this._controls.$indicators.children().slice(difference).remove();
}
this._controls.$indicators.find('.active').removeClass('active');
this._controls.$indicators.children().eq($.inArray(this.current(), this._pages)).addClass('active');
}
this._controls.$indicators.toggle(options.dots);
}
/**
* Extends event data.
* @protected
* @param {Event} event - The event object which gets thrown.
*/
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.dotData
? 1 : settings.dotsEach || settings.items)
};
}
/**
* Gets the current page position of the carousel.
* @protected
* @returns {Number}
*/
Navigation.prototype.current = function() {
var index = this._core.relative(this._core.current());
return $.grep(this._pages, function(o) {
return o.start <= index && o.end >= index;
}).pop();
}
/**
* Gets the current succesor/predecessor position.
* @protected
* @returns {Number}
*/
Navigation.prototype.getPosition = function(successor) {
var position, length,
options = this._core.settings;
if (options.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 += options.slideBy : position -= options.slideBy;
}
return position;
}
/**
* Slides to the next item or page.
* @public
* @param {Number} [speed=false] - The time in milliseconds for the transition.
*/
Navigation.prototype.next = function(speed) {
$.proxy(this._overrides.to, this._core)(this.getPosition(true), speed);
}
/**
* Slides to the previous item or page.
* @public
* @param {Number} [speed=false] - The time in milliseconds for the transition.
*/
Navigation.prototype.prev = function(speed) {
$.proxy(this._overrides.to, this._core)(this.getPosition(false), speed);
}
/**
* Slides to the specified item or page.
* @public
* @param {Number} position - The position of the item or page.
* @param {Number} [speed] - The time in milliseconds for the transition.
* @param {Boolean} [standard=false] - Whether to use the standard behaviour or not.
*/
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.owlCarousel.Constructor.Plugins.Navigation = Navigation;
})(window.Zepto || window.jQuery, window, document);
/**
* Hash Plugin
* @version 2.0.0
* @author Artus Kolanowski
* @license The MIT License (MIT)
*/
;(function($, window, document, undefined) {
'use strict';
/**
* Creates the hash plugin.
* @class The Hash Plugin
* @param {Owl} carousel - The Owl Carousel
*/
var Hash = function(carousel) {
/**
* Reference to the core.
* @protected
* @type {Owl}
*/
this._core = carousel;
/**
* Hash table for the hashes.
* @protected
* @type {Object}
*/
this._hashes = {};
/**
* The carousel element.
* @type {jQuery}
*/
this.$element = this._core.$element;
/**
* All event handlers.
* @protected
* @type {Object}
*/
this._handlers = {
'initialized.owl.carousel': $.proxy(function() {
if (this._core.settings.startPosition == 'URLHash') {
$(window).trigger('hashchange.owl.navigation');
}
}, this),
'prepared.owl.carousel': $.proxy(function(e) {
var hash = $(e.content).find('[data-hash]').andSelf('[data-hash]').attr('data-hash');
this._hashes[hash] = e.content;
}, this)
};
// set default options
this._core.options = $.extend({}, Hash.Defaults, this._core.options);
// register the event handlers
this.$element.on(this._handlers);
// register event listener for hash navigation
$(window).on('hashchange.owl.navigation', $.proxy(function() {
var hash = window.location.hash.substring(1),
items = this._core.$stage.children(),
position = this._hashes[hash] && items.index(this._hashes[hash]) || 0;
if (!hash) {
return false;
}
this._core.to(position, false, true);
}, this));
}
/**
* Default options.
* @public
*/
Hash.Defaults = {
URLhashListener: false
}
/**
* Destroys the plugin.
* @public
*/
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.owlCarousel.Constructor.Plugins.Hash = Hash;
})(window.Zepto || window.jQuery, window, document);
/*! jQuery UI - v1.9.2 - 2012-11-23
* http://jqueryui.com
* Includes: jquery.ui.core.js, jquery.ui.widget.js, jquery.ui.mouse.js, jquery.ui.draggable.js, jquery.ui.droppable.js, jquery.ui.resizable.js, jquery.ui.selectable.js, jquery.ui.sortable.js, jquery.ui.effect.js, jquery.ui.accordion.js, jquery.ui.autocomplete.js, jquery.ui.button.js, jquery.ui.datepicker.js, jquery.ui.dialog.js, jquery.ui.effect-blind.js, jquery.ui.effect-bounce.js, jquery.ui.effect-clip.js, jquery.ui.effect-drop.js, jquery.ui.effect-explode.js, jquery.ui.effect-fade.js, jquery.ui.effect-fold.js, jquery.ui.effect-highlight.js, jquery.ui.effect-pulsate.js, jquery.ui.effect-scale.js, jquery.ui.effect-shake.js, jquery.ui.effect-slide.js, jquery.ui.effect-transfer.js, jquery.ui.menu.js, jquery.ui.position.js, jquery.ui.progressbar.js, jquery.ui.slider.js, jquery.ui.spinner.js, jquery.ui.tabs.js, jquery.ui.tooltip.js
* Copyright 2012 jQuery Foundation and other contributors; Licensed MIT */
(function( $, undefined ) {
var uuid = 0,
runiqueId = /^ui-id-\d+$/;
// prevent duplicate loading
// this is only a problem because we proxy existing functions
// and we don't want to double proxy them
$.ui = $.ui || {};
if ( $.ui.version ) {
return;
}
$.extend( $.ui, {
version: "1.9.2",
keyCode: {
BACKSPACE: 8,
COMMA: 188,
DELETE: 46,
DOWN: 40,
END: 35,
ENTER: 13,
ESCAPE: 27,
HOME: 36,
LEFT: 37,
NUMPAD_ADD: 107,
NUMPAD_DECIMAL: 110,
NUMPAD_DIVIDE: 111,
NUMPAD_ENTER: 108,
NUMPAD_MULTIPLY: 106,
NUMPAD_SUBTRACT: 109,
PAGE_DOWN: 34,
PAGE_UP: 33,
PERIOD: 190,
RIGHT: 39,
SPACE: 32,
TAB: 9,
UP: 38
}
});
// plugins
$.fn.extend({
_focus: $.fn.focus,
focus: function( delay, fn ) {
return typeof delay === "number" ?
this.each(function() {
var elem = this;
setTimeout(function() {
$( elem ).focus();
if ( fn ) {
fn.call( elem );
}
}, delay );
}) :
this._focus.apply( this, arguments );
},
scrollParent: function() {
var scrollParent;
if (($.ui.ie && (/(static|relative)/).test(this.css('position'))) || (/absolute/).test(this.css('position'))) {
scrollParent = this.parents().filter(function() {
return (/(relative|absolute|fixed)/).test($.css(this,'position')) && (/(auto|scroll)/).test($.css(this,'overflow')+$.css(this,'overflow-y')+$.css(this,'overflow-x'));
}).eq(0);
} else {
scrollParent = this.parents().filter(function() {
return (/(auto|scroll)/).test($.css(this,'overflow')+$.css(this,'overflow-y')+$.css(this,'overflow-x'));
}).eq(0);
}
return (/fixed/).test(this.css('position')) || !scrollParent.length ? $(document) : scrollParent;
},
zIndex: function( zIndex ) {
if ( zIndex !== undefined ) {
return this.css( "zIndex", zIndex );
}
if ( this.length ) {
var elem = $( this[ 0 ] ), position, value;
while ( elem.length && elem[ 0 ] !== document ) {
// Ignore z-index if position is set to a value where z-index is ignored by the browser
// This makes behavior of this function consistent across browsers
// WebKit always returns auto if the element is positioned
position = elem.css( "position" );
if ( position === "absolute" || position === "relative" || position === "fixed" ) {
// IE returns 0 when zIndex is not specified
// other browsers return a string
// we ignore the case of nested elements with an explicit value of 0
//