', {\n \t\t\t\"class\": this.settings.stageOuterClass\n \t\t}));\n\n \t\t// append stage\n \t\tthis.$element.append(this.$stage.parent());\n \t};\n\n \t/**\n \t * Create item DOM elements\n \t */\n \tOwl.prototype.initializeItems = function() {\n \t\tvar $items = this.$element.find('.owl-item');\n\n \t\t// if the items are already in the DOM, grab them and skip item initialization\n \t\tif ($items.length) {\n \t\t\tthis._items = $items.get().map(function(item) {\n \t\t\t\treturn $(item);\n \t\t\t});\n\n \t\t\tthis._mergers = this._items.map(function() {\n \t\t\t\treturn 1;\n \t\t\t});\n\n \t\t\tthis.refresh();\n\n \t\t\treturn;\n \t\t}\n\n \t\t// append content\n \t\tthis.replace(this.$element.children().not(this.$stage.parent()));\n\n \t\t// check visibility\n \t\tif (this.isVisible()) {\n \t\t\t// update view\n \t\t\tthis.refresh();\n \t\t} else {\n \t\t\t// invalidate width\n \t\t\tthis.invalidate('width');\n \t\t}\n\n \t\tthis.$element\n \t\t\t.removeClass(this.options.loadingClass)\n \t\t\t.addClass(this.options.loadedClass);\n \t};\n\n \t/**\n \t * Initializes the carousel.\n \t * @protected\n \t */\n \tOwl.prototype.initialize = function() {\n \t\tthis.enter('initializing');\n \t\tthis.trigger('initialize');\n\n \t\tthis.$element.toggleClass(this.settings.rtlClass, this.settings.rtl);\n\n \t\tif (this.settings.autoWidth && !this.is('pre-loading')) {\n \t\t\tvar imgs, nestedSelector, width;\n \t\t\timgs = this.$element.find('img');\n \t\t\tnestedSelector = this.settings.nestedItemSelector ? '.' + this.settings.nestedItemSelector : undefined;\n \t\t\twidth = this.$element.children(nestedSelector).width();\n\n \t\t\tif (imgs.length && width <= 0) {\n \t\t\t\tthis.preloadAutoWidthImages(imgs);\n \t\t\t}\n \t\t}\n\n \t\tthis.initializeStage();\n \t\tthis.initializeItems();\n\n \t\t// register event handlers\n \t\tthis.registerEventHandlers();\n\n \t\tthis.leave('initializing');\n \t\tthis.trigger('initialized');\n \t};\n\n \t/**\n \t * @returns {Boolean} visibility of $element\n \t * if you know the carousel will always be visible you can set `checkVisibility` to `false` to\n \t * prevent the expensive browser layout forced reflow the $element.is(':visible') does\n \t */\n \tOwl.prototype.isVisible = function() {\n \t\treturn this.settings.checkVisibility\n \t\t\t? this.$element.is(':visible')\n \t\t\t: true;\n \t};\n\n \t/**\n \t * Setups the current settings.\n \t * @todo Remove responsive classes. Why should adaptive designs be brought into IE8?\n \t * @todo Support for media queries by using `matchMedia` would be nice.\n \t * @public\n \t */\n \tOwl.prototype.setup = function() {\n \t\tvar viewport = this.viewport(),\n \t\t\toverwrites = this.options.responsive,\n \t\t\tmatch = -1,\n \t\t\tsettings = null;\n\n \t\tif (!overwrites) {\n \t\t\tsettings = $.extend({}, this.options);\n \t\t} else {\n \t\t\t$.each(overwrites, function(breakpoint) {\n \t\t\t\tif (breakpoint <= viewport && breakpoint > match) {\n \t\t\t\t\tmatch = Number(breakpoint);\n \t\t\t\t}\n \t\t\t});\n\n \t\t\tsettings = $.extend({}, this.options, overwrites[match]);\n \t\t\tif (typeof settings.stagePadding === 'function') {\n \t\t\t\tsettings.stagePadding = settings.stagePadding();\n \t\t\t}\n \t\t\tdelete settings.responsive;\n\n \t\t\t// responsive class\n \t\t\tif (settings.responsiveClass) {\n \t\t\t\tthis.$element.attr('class',\n \t\t\t\t\tthis.$element.attr('class').replace(new RegExp('(' + this.options.responsiveClass + '-)\\\\S+\\\\s', 'g'), '$1' + match)\n \t\t\t\t);\n \t\t\t}\n \t\t}\n\n \t\tthis.trigger('change', { property: { name: 'settings', value: settings } });\n \t\tthis._breakpoint = match;\n \t\tthis.settings = settings;\n \t\tthis.invalidate('settings');\n \t\tthis.trigger('changed', { property: { name: 'settings', value: this.settings } });\n \t};\n\n \t/**\n \t * Updates option logic if necessery.\n \t * @protected\n \t */\n \tOwl.prototype.optionsLogic = function() {\n \t\tif (this.settings.autoWidth) {\n \t\t\tthis.settings.stagePadding = false;\n \t\t\tthis.settings.merge = false;\n \t\t}\n \t};\n\n \t/**\n \t * Prepares an item before add.\n \t * @todo Rename event parameter `content` to `item`.\n \t * @protected\n \t * @returns {jQuery|HTMLElement} - The item container.\n \t */\n \tOwl.prototype.prepare = function(item) {\n \t\tvar event = this.trigger('prepare', { content: item });\n\n \t\tif (!event.data) {\n \t\t\tevent.data = $('<' + this.settings.itemElement + '/>')\n \t\t\t\t.addClass(this.options.itemClass).append(item);\n \t\t}\n\n \t\tthis.trigger('prepared', { content: event.data });\n\n \t\treturn event.data;\n \t};\n\n \t/**\n \t * Updates the view.\n \t * @public\n \t */\n \tOwl.prototype.update = function() {\n \t\tvar i = 0,\n \t\t\tn = this._pipe.length,\n \t\t\tfilter = $.proxy(function(p) { return this[p] }, this._invalidated),\n \t\t\tcache = {};\n\n \t\twhile (i < n) {\n \t\t\tif (this._invalidated.all || $.grep(this._pipe[i].filter, filter).length > 0) {\n \t\t\t\tthis._pipe[i].run(cache);\n \t\t\t}\n \t\t\ti++;\n \t\t}\n\n \t\tthis._invalidated = {};\n\n \t\t!this.is('valid') && this.enter('valid');\n \t};\n\n \t/**\n \t * Gets the width of the view.\n \t * @public\n \t * @param {Owl.Width} [dimension=Owl.Width.Default] - The dimension to return.\n \t * @returns {Number} - The width of the view in pixel.\n \t */\n \tOwl.prototype.width = function(dimension) {\n \t\tdimension = dimension || Owl.Width.Default;\n \t\tswitch (dimension) {\n \t\t\tcase Owl.Width.Inner:\n \t\t\tcase Owl.Width.Outer:\n \t\t\t\treturn this._width;\n \t\t\tdefault:\n \t\t\t\treturn this._width - this.settings.stagePadding * 2 + this.settings.margin;\n \t\t}\n \t};\n\n \t/**\n \t * Refreshes the carousel primarily for adaptive purposes.\n \t * @public\n \t */\n \tOwl.prototype.refresh = function() {\n \t\tthis.enter('refreshing');\n \t\tthis.trigger('refresh');\n\n \t\tthis.setup();\n\n \t\tthis.optionsLogic();\n\n \t\tthis.$element.addClass(this.options.refreshClass);\n\n \t\tthis.update();\n\n \t\tthis.$element.removeClass(this.options.refreshClass);\n\n \t\tthis.leave('refreshing');\n \t\tthis.trigger('refreshed');\n \t};\n\n \t/**\n \t * Checks window `resize` event.\n \t * @protected\n \t */\n \tOwl.prototype.onThrottledResize = function() {\n \t\twindow.clearTimeout(this.resizeTimer);\n \t\tthis.resizeTimer = window.setTimeout(this._handlers.onResize, this.settings.responsiveRefreshRate);\n \t};\n\n \t/**\n \t * Checks window `resize` event.\n \t * @protected\n \t */\n \tOwl.prototype.onResize = function() {\n \t\tif (!this._items.length) {\n \t\t\treturn false;\n \t\t}\n\n \t\tif (this._width === this.$element.width()) {\n \t\t\treturn false;\n \t\t}\n\n \t\tif (!this.isVisible()) {\n \t\t\treturn false;\n \t\t}\n\n \t\tthis.enter('resizing');\n\n \t\tif (this.trigger('resize').isDefaultPrevented()) {\n \t\t\tthis.leave('resizing');\n \t\t\treturn false;\n \t\t}\n\n \t\tthis.invalidate('width');\n\n \t\tthis.refresh();\n\n \t\tthis.leave('resizing');\n \t\tthis.trigger('resized');\n \t};\n\n \t/**\n \t * Registers event handlers.\n \t * @todo Check `msPointerEnabled`\n \t * @todo #261\n \t * @protected\n \t */\n \tOwl.prototype.registerEventHandlers = function() {\n \t\tif ($.support.transition) {\n \t\t\tthis.$stage.on($.support.transition.end + '.owl.core', $.proxy(this.onTransitionEnd, this));\n \t\t}\n\n \t\tif (this.settings.responsive !== false) {\n \t\t\tthis.on(window, 'resize', this._handlers.onThrottledResize);\n \t\t}\n\n \t\tif (this.settings.mouseDrag) {\n \t\t\tthis.$element.addClass(this.options.dragClass);\n \t\t\tthis.$stage.on('mousedown.owl.core', $.proxy(this.onDragStart, this));\n \t\t\tthis.$stage.on('dragstart.owl.core selectstart.owl.core', function() { return false });\n \t\t}\n\n \t\tif (this.settings.touchDrag){\n \t\t\tthis.$stage.on('touchstart.owl.core', $.proxy(this.onDragStart, this));\n \t\t\tthis.$stage.on('touchcancel.owl.core', $.proxy(this.onDragEnd, this));\n \t\t}\n \t};\n\n \t/**\n \t * Handles `touchstart` and `mousedown` events.\n \t * @todo Horizontal swipe threshold as option\n \t * @todo #261\n \t * @protected\n \t * @param {Event} event - The event arguments.\n \t */\n \tOwl.prototype.onDragStart = function(event) {\n \t\tvar stage = null;\n\n \t\tif (event.which === 3) {\n \t\t\treturn;\n \t\t}\n\n \t\tif ($.support.transform) {\n \t\t\tstage = this.$stage.css('transform').replace(/.*\$|\$| /g, '').split(',');\n \t\t\tstage = {\n \t\t\t\tx: stage[stage.length === 16 ? 12 : 4],\n \t\t\t\ty: stage[stage.length === 16 ? 13 : 5]\n \t\t\t};\n \t\t} else {\n \t\t\tstage = this.$stage.position();\n \t\t\tstage = {\n \t\t\t\tx: this.settings.rtl ?\n \t\t\t\t\tstage.left + this.$stage.width() - this.width() + this.settings.margin :\n \t\t\t\t\tstage.left,\n \t\t\t\ty: stage.top\n \t\t\t};\n \t\t}\n\n \t\tif (this.is('animating')) {\n \t\t\t$.support.transform ? this.animate(stage.x) : this.$stage.stop();\n \t\t\tthis.invalidate('position');\n \t\t}\n\n \t\tthis.$element.toggleClass(this.options.grabClass, event.type === 'mousedown');\n\n \t\tthis.speed(0);\n\n \t\tthis._drag.time = new Date().getTime();\n \t\tthis._drag.target = $(event.target);\n \t\tthis._drag.stage.start = stage;\n \t\tthis._drag.stage.current = stage;\n \t\tthis._drag.pointer = this.pointer(event);\n\n \t\t$(document).on('mouseup.owl.core touchend.owl.core', $.proxy(this.onDragEnd, this));\n\n \t\t$(document).one('mousemove.owl.core touchmove.owl.core', $.proxy(function(event) {\n \t\t\tvar delta = this.difference(this._drag.pointer, this.pointer(event));\n\n \t\t\t$(document).on('mousemove.owl.core touchmove.owl.core', $.proxy(this.onDragMove, this));\n\n \t\t\tif (Math.abs(delta.x) < Math.abs(delta.y) && this.is('valid')) {\n \t\t\t\treturn;\n \t\t\t}\n\n \t\t\tevent.preventDefault();\n\n \t\t\tthis.enter('dragging');\n \t\t\tthis.trigger('drag');\n \t\t}, this));\n \t};\n\n \t/**\n \t * Handles the `touchmove` and `mousemove` events.\n \t * @todo #261\n \t * @protected\n \t * @param {Event} event - The event arguments.\n \t */\n \tOwl.prototype.onDragMove = function(event) {\n \t\tvar minimum = null,\n \t\t\tmaximum = null,\n \t\t\tpull = null,\n \t\t\tdelta = this.difference(this._drag.pointer, this.pointer(event)),\n \t\t\tstage = this.difference(this._drag.stage.start, delta);\n\n \t\tif (!this.is('dragging')) {\n \t\t\treturn;\n \t\t}\n\n \t\tevent.preventDefault();\n\n \t\tif (this.settings.loop) {\n \t\t\tminimum = this.coordinates(this.minimum());\n \t\t\tmaximum = this.coordinates(this.maximum() + 1) - minimum;\n \t\t\tstage.x = (((stage.x - minimum) % maximum + maximum) % maximum) + minimum;\n \t\t} else {\n \t\t\tminimum = this.settings.rtl ? this.coordinates(this.maximum()) : this.coordinates(this.minimum());\n \t\t\tmaximum = this.settings.rtl ? this.coordinates(this.minimum()) : this.coordinates(this.maximum());\n \t\t\tpull = this.settings.pullDrag ? -1 * delta.x / 5 : 0;\n \t\t\tstage.x = Math.max(Math.min(stage.x, minimum + pull), maximum + pull);\n \t\t}\n\n \t\tthis._drag.stage.current = stage;\n\n \t\tthis.animate(stage.x);\n \t};\n\n \t/**\n \t * Handles the `touchend` and `mouseup` events.\n \t * @todo #261\n \t * @todo Threshold for click event\n \t * @protected\n \t * @param {Event} event - The event arguments.\n \t */\n \tOwl.prototype.onDragEnd = function(event) {\n \t\tvar delta = this.difference(this._drag.pointer, this.pointer(event)),\n \t\t\tstage = this._drag.stage.current,\n \t\t\tdirection = delta.x > 0 ^ this.settings.rtl ? 'left' : 'right';\n\n \t\t$(document).off('.owl.core');\n\n \t\tthis.$element.removeClass(this.options.grabClass);\n\n \t\tif (delta.x !== 0 && this.is('dragging') || !this.is('valid')) {\n \t\t\tthis.speed(this.settings.dragEndSpeed || this.settings.smartSpeed);\n \t\t\tthis.current(this.closest(stage.x, delta.x !== 0 ? direction : this._drag.direction));\n \t\t\tthis.invalidate('position');\n \t\t\tthis.update();\n\n \t\t\tthis._drag.direction = direction;\n\n \t\t\tif (Math.abs(delta.x) > 3 || new Date().getTime() - this._drag.time > 300) {\n \t\t\t\tthis._drag.target.one('click.owl.core', function() { return false; });\n \t\t\t}\n \t\t}\n\n \t\tif (!this.is('dragging')) {\n \t\t\treturn;\n \t\t}\n\n \t\tthis.leave('dragging');\n \t\tthis.trigger('dragged');\n \t};\n\n \t/**\n \t * Gets absolute position of the closest item for a coordinate.\n \t * @todo Setting `freeDrag` makes `closest` not reusable. See #165.\n \t * @protected\n \t * @param {Number} coordinate - The coordinate in pixel.\n \t * @param {String} direction - The direction to check for the closest item. Ether `left` or `right`.\n \t * @return {Number} - The absolute position of the closest item.\n \t */\n \tOwl.prototype.closest = function(coordinate, direction) {\n \t\tvar position = -1,\n \t\t\tpull = 30,\n \t\t\twidth = this.width(),\n \t\t\tcoordinates = this.coordinates();\n\n \t\tif (!this.settings.freeDrag) {\n \t\t\t// check closest item\n \t\t\t$.each(coordinates, $.proxy(function(index, value) {\n \t\t\t\t// on a left pull, check on current index\n \t\t\t\tif (direction === 'left' && coordinate > value - pull && coordinate < value + pull) {\n \t\t\t\t\tposition = index;\n \t\t\t\t// on a right pull, check on previous index\n \t\t\t\t// to do so, subtract width from value and set position = index + 1\n \t\t\t\t} else if (direction === 'right' && coordinate > value - width - pull && coordinate < value - width + pull) {\n \t\t\t\t\tposition = index + 1;\n \t\t\t\t} else if (this.op(coordinate, '<', value)\n \t\t\t\t\t&& this.op(coordinate, '>', coordinates[index + 1] !== undefined ? coordinates[index + 1] : value - width)) {\n \t\t\t\t\tposition = direction === 'left' ? index + 1 : index;\n \t\t\t\t}\n \t\t\t\treturn position === -1;\n \t\t\t}, this));\n \t\t}\n\n \t\tif (!this.settings.loop) {\n \t\t\t// non loop boundries\n \t\t\tif (this.op(coordinate, '>', coordinates[this.minimum()])) {\n \t\t\t\tposition = coordinate = this.minimum();\n \t\t\t} else if (this.op(coordinate, '<', coordinates[this.maximum()])) {\n \t\t\t\tposition = coordinate = this.maximum();\n \t\t\t}\n \t\t}\n\n \t\treturn position;\n \t};\n\n \t/**\n \t * Animates the stage.\n \t * @todo #270\n \t * @public\n \t * @param {Number} coordinate - The coordinate in pixels.\n \t */\n \tOwl.prototype.animate = function(coordinate) {\n \t\tvar animate = this.speed() > 0;\n\n \t\tthis.is('animating') && this.onTransitionEnd();\n\n \t\tif (animate) {\n \t\t\tthis.enter('animating');\n \t\t\tthis.trigger('translate');\n \t\t}\n\n \t\tif ($.support.transform3d && $.support.transition) {\n \t\t\tthis.$stage.css({\n \t\t\t\ttransform: 'translate3d(' + coordinate + 'px,0px,0px)',\n \t\t\t\ttransition: (this.speed() / 1000) + 's' + (\n \t\t\t\t\tthis.settings.slideTransition ? ' ' + this.settings.slideTransition : ''\n \t\t\t\t)\n \t\t\t});\n \t\t} else if (animate) {\n \t\t\tthis.$stage.animate({\n \t\t\t\tleft: coordinate + 'px'\n \t\t\t}, this.speed(), this.settings.fallbackEasing, $.proxy(this.onTransitionEnd, this));\n \t\t} else {\n \t\t\tthis.$stage.css({\n \t\t\t\tleft: coordinate + 'px'\n \t\t\t});\n \t\t}\n \t};\n\n \t/**\n \t * Checks whether the carousel is in a specific state or not.\n \t * @param {String} state - The state to check.\n \t * @returns {Boolean} - The flag which indicates if the carousel is busy.\n \t */\n \tOwl.prototype.is = function(state) {\n \t\treturn this._states.current[state] && this._states.current[state] > 0;\n \t};\n\n \t/**\n \t * Sets the absolute position of the current item.\n \t * @public\n \t * @param {Number} [position] - The new absolute position or nothing to leave it unchanged.\n \t * @returns {Number} - The absolute position of the current item.\n \t */\n \tOwl.prototype.current = function(position) {\n \t\tif (position === undefined) {\n \t\t\treturn this._current;\n \t\t}\n\n \t\tif (this._items.length === 0) {\n \t\t\treturn undefined;\n \t\t}\n\n \t\tposition = this.normalize(position);\n\n \t\tif (this._current !== position) {\n \t\t\tvar event = this.trigger('change', { property: { name: 'position', value: position } });\n\n \t\t\tif (event.data !== undefined) {\n \t\t\t\tposition = this.normalize(event.data);\n \t\t\t}\n\n \t\t\tthis._current = position;\n\n \t\t\tthis.invalidate('position');\n\n \t\t\tthis.trigger('changed', { property: { name: 'position', value: this._current } });\n \t\t}\n\n \t\treturn this._current;\n \t};\n\n \t/**\n \t * Invalidates the given part of the update routine.\n \t * @param {String} [part] - The part to invalidate.\n \t * @returns {Array.} - The invalidated parts.\n \t */\n \tOwl.prototype.invalidate = function(part) {\n \t\tif ($.type(part) === 'string') {\n \t\t\tthis._invalidated[part] = true;\n \t\t\tthis.is('valid') && this.leave('valid');\n \t\t}\n \t\treturn $.map(this._invalidated, function(v, i) { return i });\n \t};\n\n \t/**\n \t * Resets the absolute position of the current item.\n \t * @public\n \t * @param {Number} position - The absolute position of the new item.\n \t */\n \tOwl.prototype.reset = function(position) {\n \t\tposition = this.normalize(position);\n\n \t\tif (position === undefined) {\n \t\t\treturn;\n \t\t}\n\n \t\tthis._speed = 0;\n \t\tthis._current = position;\n\n \t\tthis.suppress([ 'translate', 'translated' ]);\n\n \t\tthis.animate(this.coordinates(position));\n\n \t\tthis.release([ 'translate', 'translated' ]);\n \t};\n\n \t/**\n \t * Normalizes an absolute or a relative position of an item.\n \t * @public\n \t * @param {Number} position - The absolute or relative position to normalize.\n \t * @param {Boolean} [relative=false] - Whether the given position is relative or not.\n \t * @returns {Number} - The normalized position.\n \t */\n \tOwl.prototype.normalize = function(position, relative) {\n \t\tvar n = this._items.length,\n \t\t\tm = relative ? 0 : this._clones.length;\n\n \t\tif (!this.isNumeric(position) || n < 1) {\n \t\t\tposition = undefined;\n \t\t} else if (position < 0 || position >= n + m) {\n \t\t\tposition = ((position - m / 2) % n + n) % n + m / 2;\n \t\t}\n\n \t\treturn position;\n \t};\n\n \t/**\n \t * Converts an absolute position of an item into a relative one.\n \t * @public\n \t * @param {Number} position - The absolute position to convert.\n \t * @returns {Number} - The converted position.\n \t */\n \tOwl.prototype.relative = function(position) {\n \t\tposition -= this._clones.length / 2;\n \t\treturn this.normalize(position, true);\n \t};\n\n \t/**\n \t * Gets the maximum position for the current item.\n \t * @public\n \t * @param {Boolean} [relative=false] - Whether to return an absolute position or a relative position.\n \t * @returns {Number}\n \t */\n \tOwl.prototype.maximum = function(relative) {\n \t\tvar settings = this.settings,\n \t\t\tmaximum = this._coordinates.length,\n \t\t\titerator,\n \t\t\treciprocalItemsWidth,\n \t\t\telementWidth;\n\n \t\tif (settings.loop) {\n \t\t\tmaximum = this._clones.length / 2 + this._items.length - 1;\n \t\t} else if (settings.autoWidth || settings.merge) {\n \t\t\titerator = this._items.length;\n \t\t\tif (iterator) {\n \t\t\t\treciprocalItemsWidth = this._items[--iterator].width();\n \t\t\t\telementWidth = this.$element.width();\n \t\t\t\twhile (iterator--) {\n \t\t\t\t\treciprocalItemsWidth += this._items[iterator].width() + this.settings.margin;\n \t\t\t\t\tif (reciprocalItemsWidth > elementWidth) {\n \t\t\t\t\t\tbreak;\n \t\t\t\t\t}\n \t\t\t\t}\n \t\t\t}\n \t\t\tmaximum = iterator + 1;\n \t\t} else if (settings.center) {\n \t\t\tmaximum = this._items.length - 1;\n \t\t} else {\n \t\t\tmaximum = this._items.length - settings.items;\n \t\t}\n\n \t\tif (relative) {\n \t\t\tmaximum -= this._clones.length / 2;\n \t\t}\n\n \t\treturn Math.max(maximum, 0);\n \t};\n\n \t/**\n \t * Gets the minimum position for the current item.\n \t * @public\n \t * @param {Boolean} [relative=false] - Whether to return an absolute position or a relative position.\n \t * @returns {Number}\n \t */\n \tOwl.prototype.minimum = function(relative) {\n \t\treturn relative ? 0 : this._clones.length / 2;\n \t};\n\n \t/**\n \t * Gets an item at the specified relative position.\n \t * @public\n \t * @param {Number} [position] - The relative position of the item.\n \t * @return {jQuery|Array.} - The item at the given position or all items if no position was given.\n \t */\n \tOwl.prototype.items = function(position) {\n \t\tif (position === undefined) {\n \t\t\treturn this._items.slice();\n \t\t}\n\n \t\tposition = this.normalize(position, true);\n \t\treturn this._items[position];\n \t};\n\n \t/**\n \t * Gets an item at the specified relative position.\n \t * @public\n \t * @param {Number} [position] - The relative position of the item.\n \t * @return {jQuery|Array.} - The item at the given position or all items if no position was given.\n \t */\n \tOwl.prototype.mergers = function(position) {\n \t\tif (position === undefined) {\n \t\t\treturn this._mergers.slice();\n \t\t}\n\n \t\tposition = this.normalize(position, true);\n \t\treturn this._mergers[position];\n \t};\n\n \t/**\n \t * Gets the absolute positions of clones for an item.\n \t * @public\n \t * @param {Number} [position] - The relative position of the item.\n \t * @returns {Array.} - The absolute positions of clones for the item or all if no position was given.\n \t */\n \tOwl.prototype.clones = function(position) {\n \t\tvar odd = this._clones.length / 2,\n \t\t\teven = odd + this._items.length,\n \t\t\tmap = function(index) { return index % 2 === 0 ? even + index / 2 : odd - (index + 1) / 2 };\n\n \t\tif (position === undefined) {\n \t\t\treturn $.map(this._clones, function(v, i) { return map(i) });\n \t\t}\n\n \t\treturn $.map(this._clones, function(v, i) { return v === position ? map(i) : null });\n \t};\n\n \t/**\n \t * Sets the current animation speed.\n \t * @public\n \t * @param {Number} [speed] - The animation speed in milliseconds or nothing to leave it unchanged.\n \t * @returns {Number} - The current animation speed in milliseconds.\n \t */\n \tOwl.prototype.speed = function(speed) {\n \t\tif (speed !== undefined) {\n \t\t\tthis._speed = speed;\n \t\t}\n\n \t\treturn this._speed;\n \t};\n\n \t/**\n \t * Gets the coordinate of an item.\n \t * @todo The name of this method is missleanding.\n \t * @public\n \t * @param {Number} position - The absolute position of the item within `minimum()` and `maximum()`.\n \t * @returns {Number|Array.} - The coordinate of the item in pixel or all coordinates.\n \t */\n \tOwl.prototype.coordinates = function(position) {\n \t\tvar multiplier = 1,\n \t\t\tnewPosition = position - 1,\n \t\t\tcoordinate;\n\n \t\tif (position === undefined) {\n \t\t\treturn $.map(this._coordinates, $.proxy(function(coordinate, index) {\n \t\t\t\treturn this.coordinates(index);\n \t\t\t}, this));\n \t\t}\n\n \t\tif (this.settings.center) {\n \t\t\tif (this.settings.rtl) {\n \t\t\t\tmultiplier = -1;\n \t\t\t\tnewPosition = position + 1;\n \t\t\t}\n\n \t\t\tcoordinate = this._coordinates[position];\n \t\t\tcoordinate += (this.width() - coordinate + (this._coordinates[newPosition] || 0)) / 2 * multiplier;\n \t\t} else {\n \t\t\tcoordinate = this._coordinates[newPosition] || 0;\n \t\t}\n\n \t\tcoordinate = Math.ceil(coordinate);\n\n \t\treturn coordinate;\n \t};\n\n \t/**\n \t * Calculates the speed for a translation.\n \t * @protected\n \t * @param {Number} from - The absolute position of the start item.\n \t * @param {Number} to - The absolute position of the target item.\n \t * @param {Number} [factor=undefined] - The time factor in milliseconds.\n \t * @returns {Number} - The time in milliseconds for the translation.\n \t */\n \tOwl.prototype.duration = function(from, to, factor) {\n \t\tif (factor === 0) {\n \t\t\treturn 0;\n \t\t}\n\n \t\treturn Math.min(Math.max(Math.abs(to - from), 1), 6) * Math.abs((factor || this.settings.smartSpeed));\n \t};\n\n \t/**\n \t * Slides to the specified item.\n \t * @public\n \t * @param {Number} position - The position of the item.\n \t * @param {Number} [speed] - The time in milliseconds for the transition.\n \t */\n \tOwl.prototype.to = function(position, speed) {\n \t\tvar current = this.current(),\n \t\t\trevert = null,\n \t\t\tdistance = position - this.relative(current),\n \t\t\tdirection = (distance > 0) - (distance < 0),\n \t\t\titems = this._items.length,\n \t\t\tminimum = this.minimum(),\n \t\t\tmaximum = this.maximum();\n\n \t\tif (this.settings.loop) {\n \t\t\tif (!this.settings.rewind && Math.abs(distance) > items / 2) {\n \t\t\t\tdistance += direction * -1 * items;\n \t\t\t}\n\n \t\t\tposition = current + distance;\n \t\t\trevert = ((position - minimum) % items + items) % items + minimum;\n\n \t\t\tif (revert !== position && revert - distance <= maximum && revert - distance > 0) {\n \t\t\t\tcurrent = revert - distance;\n \t\t\t\tposition = revert;\n \t\t\t\tthis.reset(current);\n \t\t\t}\n \t\t} else if (this.settings.rewind) {\n \t\t\tmaximum += 1;\n \t\t\tposition = (position % maximum + maximum) % maximum;\n \t\t} else {\n \t\t\tposition = Math.max(minimum, Math.min(maximum, position));\n \t\t}\n\n \t\tthis.speed(this.duration(current, position, speed));\n \t\tthis.current(position);\n\n \t\tif (this.isVisible()) {\n \t\t\tthis.update();\n \t\t}\n \t};\n\n \t/**\n \t * Slides to the next item.\n \t * @public\n \t * @param {Number} [speed] - The time in milliseconds for the transition.\n \t */\n \tOwl.prototype.next = function(speed) {\n \t\tspeed = speed || false;\n \t\tthis.to(this.relative(this.current()) + 1, speed);\n \t};\n\n \t/**\n \t * Slides to the previous item.\n \t * @public\n \t * @param {Number} [speed] - The time in milliseconds for the transition.\n \t */\n \tOwl.prototype.prev = function(speed) {\n \t\tspeed = speed || false;\n \t\tthis.to(this.relative(this.current()) - 1, speed);\n \t};\n\n \t/**\n \t * Handles the end of an animation.\n \t * @protected\n \t * @param {Event} event - The event arguments.\n \t */\n \tOwl.prototype.onTransitionEnd = function(event) {\n\n \t\t// if css2 animation then event object is undefined\n \t\tif (event !== undefined) {\n \t\t\tevent.stopPropagation();\n\n \t\t\t// Catch only owl-stage transitionEnd event\n \t\t\tif ((event.target || event.srcElement || event.originalTarget) !== this.$stage.get(0)) {\n \t\t\t\treturn false;\n \t\t\t}\n \t\t}\n\n \t\tthis.leave('animating');\n \t\tthis.trigger('translated');\n \t};\n\n \t/**\n \t * Gets viewport width.\n \t * @protected\n \t * @return {Number} - The width in pixel.\n \t */\n \tOwl.prototype.viewport = function() {\n \t\tvar width;\n \t\tif (this.options.responsiveBaseElement !== window) {\n \t\t\twidth = $(this.options.responsiveBaseElement).width();\n \t\t} else if (window.innerWidth) {\n \t\t\twidth = window.innerWidth;\n \t\t} else if (document.documentElement && document.documentElement.clientWidth) {\n \t\t\twidth = document.documentElement.clientWidth;\n \t\t} else {\n \t\t\tconsole.warn('Can not detect viewport width.');\n \t\t}\n \t\treturn width;\n \t};\n\n \t/**\n \t * Replaces the current content.\n \t * @public\n \t * @param {HTMLElement|jQuery|String} content - The new content.\n \t */\n \tOwl.prototype.replace = function(content) {\n \t\tthis.$stage.empty();\n \t\tthis._items = [];\n\n \t\tif (content) {\n \t\t\tcontent = (content instanceof jQuery) ? content : $(content);\n \t\t}\n\n \t\tif (this.settings.nestedItemSelector) {\n \t\t\tcontent = content.find('.' + this.settings.nestedItemSelector);\n \t\t}\n\n \t\tcontent.filter(function() {\n \t\t\treturn this.nodeType === 1;\n \t\t}).each($.proxy(function(index, item) {\n \t\t\titem = this.prepare(item);\n \t\t\tthis.$stage.append(item);\n \t\t\tthis._items.push(item);\n \t\t\tthis._mergers.push(item.find('[data-merge]').addBack('[data-merge]').attr('data-merge') * 1 || 1);\n \t\t}, this));\n\n \t\tthis.reset(this.isNumeric(this.settings.startPosition) ? this.settings.startPosition : 0);\n\n \t\tthis.invalidate('items');\n \t};\n\n \t/**\n \t * Adds an item.\n \t * @todo Use `item` instead of `content` for the event arguments.\n \t * @public\n \t * @param {HTMLElement|jQuery|String} content - The item content to add.\n \t * @param {Number} [position] - The relative position at which to insert the item otherwise the item will be added to the end.\n \t */\n \tOwl.prototype.add = function(content, position) {\n \t\tvar current = this.relative(this._current);\n\n \t\tposition = position === undefined ? this._items.length : this.normalize(position, true);\n \t\tcontent = content instanceof jQuery ? content : $(content);\n\n \t\tthis.trigger('add', { content: content, position: position });\n\n \t\tcontent = this.prepare(content);\n\n \t\tif (this._items.length === 0 || position === this._items.length) {\n \t\t\tthis._items.length === 0 && this.$stage.append(content);\n \t\t\tthis._items.length !== 0 && this._items[position - 1].after(content);\n \t\t\tthis._items.push(content);\n \t\t\tthis._mergers.push(content.find('[data-merge]').addBack('[data-merge]').attr('data-merge') * 1 || 1);\n \t\t} else {\n \t\t\tthis._items[position].before(content);\n \t\t\tthis._items.splice(position, 0, content);\n \t\t\tthis._mergers.splice(position, 0, content.find('[data-merge]').addBack('[data-merge]').attr('data-merge') * 1 || 1);\n \t\t}\n\n \t\tthis._items[current] && this.reset(this._items[current].index());\n\n \t\tthis.invalidate('items');\n\n \t\tthis.trigger('added', { content: content, position: position });\n \t};\n\n \t/**\n \t * Removes an item by its position.\n \t * @todo Use `item` instead of `content` for the event arguments.\n \t * @public\n \t * @param {Number} position - The relative position of the item to remove.\n \t */\n \tOwl.prototype.remove = function(position) {\n \t\tposition = this.normalize(position, true);\n\n \t\tif (position === undefined) {\n \t\t\treturn;\n \t\t}\n\n \t\tthis.trigger('remove', { content: this._items[position], position: position });\n\n \t\tthis._items[position].remove();\n \t\tthis._items.splice(position, 1);\n \t\tthis._mergers.splice(position, 1);\n\n \t\tthis.invalidate('items');\n\n \t\tthis.trigger('removed', { content: null, position: position });\n \t};\n\n \t/**\n \t * Preloads images with auto width.\n \t * @todo Replace by a more generic approach\n \t * @protected\n \t */\n \tOwl.prototype.preloadAutoWidthImages = function(images) {\n \t\timages.each($.proxy(function(i, element) {\n \t\t\tthis.enter('pre-loading');\n \t\t\telement = $(element);\n \t\t\t$(new Image()).one('load', $.proxy(function(e) {\n \t\t\t\telement.attr('src', e.target.src);\n \t\t\t\telement.css('opacity', 1);\n \t\t\t\tthis.leave('pre-loading');\n \t\t\t\t!this.is('pre-loading') && !this.is('initializing') && this.refresh();\n \t\t\t}, this)).attr('src', element.attr('src') || element.attr('data-src') || element.attr('data-src-retina'));\n \t\t}, this));\n \t};\n\n \t/**\n \t * Destroys the carousel.\n \t * @public\n \t */\n \tOwl.prototype.destroy = function() {\n\n \t\tthis.$element.off('.owl.core');\n \t\tthis.$stage.off('.owl.core');\n \t\t$(document).off('.owl.core');\n\n \t\tif (this.settings.responsive !== false) {\n \t\t\twindow.clearTimeout(this.resizeTimer);\n \t\t\tthis.off(window, 'resize', this._handlers.onThrottledResize);\n \t\t}\n\n \t\tfor (var i in this._plugins) {\n \t\t\tthis._plugins[i].destroy();\n \t\t}\n\n \t\tthis.$stage.children('.cloned').remove();\n\n \t\tthis.$stage.unwrap();\n \t\tthis.$stage.children().contents().unwrap();\n \t\tthis.$stage.children().unwrap();\n \t\tthis.$stage.remove();\n \t\tthis.$element\n \t\t\t.removeClass(this.options.refreshClass)\n \t\t\t.removeClass(this.options.loadingClass)\n \t\t\t.removeClass(this.options.loadedClass)\n \t\t\t.removeClass(this.options.rtlClass)\n \t\t\t.removeClass(this.options.dragClass)\n \t\t\t.removeClass(this.options.grabClass)\n \t\t\t.attr('class', this.$element.attr('class').replace(new RegExp(this.options.responsiveClass + '-\\\\S+\\\\s', 'g'), ''))\n \t\t\t.removeData('owl.carousel');\n \t};\n\n \t/**\n \t * Operators to calculate right-to-left and left-to-right.\n \t * @protected\n \t * @param {Number} [a] - The left side operand.\n \t * @param {String} [o] - The operator.\n \t * @param {Number} [b] - The right side operand.\n \t */\n \tOwl.prototype.op = function(a, o, b) {\n \t\tvar rtl = this.settings.rtl;\n \t\tswitch (o) {\n \t\t\tcase '<':\n \t\t\t\treturn rtl ? a > b : a < b;\n \t\t\tcase '>':\n \t\t\t\treturn rtl ? a < b : a > b;\n \t\t\tcase '>=':\n \t\t\t\treturn rtl ? a <= b : a >= b;\n \t\t\tcase '<=':\n \t\t\t\treturn rtl ? a >= b : a <= b;\n \t\t\tdefault:\n \t\t\t\tbreak;\n \t\t}\n \t};\n\n \t/**\n \t * Attaches to an internal event.\n \t * @protected\n \t * @param {HTMLElement} element - The event source.\n \t * @param {String} event - The event name.\n \t * @param {Function} listener - The event handler to attach.\n \t * @param {Boolean} capture - Wether the event should be handled at the capturing phase or not.\n \t */\n \tOwl.prototype.on = function(element, event, listener, capture) {\n \t\tif (element.addEventListener) {\n \t\t\telement.addEventListener(event, listener, capture);\n \t\t} else if (element.attachEvent) {\n \t\t\telement.attachEvent('on' + event, listener);\n \t\t}\n \t};\n\n \t/**\n \t * Detaches from an internal event.\n \t * @protected\n \t * @param {HTMLElement} element - The event source.\n \t * @param {String} event - The event name.\n \t * @param {Function} listener - The attached event handler to detach.\n \t * @param {Boolean} capture - Wether the attached event handler was registered as a capturing listener or not.\n \t */\n \tOwl.prototype.off = function(element, event, listener, capture) {\n \t\tif (element.removeEventListener) {\n \t\t\telement.removeEventListener(event, listener, capture);\n \t\t} else if (element.detachEvent) {\n \t\t\telement.detachEvent('on' + event, listener);\n \t\t}\n \t};\n\n \t/**\n \t * Triggers a public event.\n \t * @todo Remove `status`, `relatedTarget` should be used instead.\n \t * @protected\n \t * @param {String} name - The event name.\n \t * @param {*} [data=null] - The event data.\n \t * @param {String} [namespace=carousel] - The event namespace.\n \t * @param {String} [state] - The state which is associated with the event.\n \t * @param {Boolean} [enter=false] - Indicates if the call enters the specified state or not.\n \t * @returns {Event} - The event arguments.\n \t */\n \tOwl.prototype.trigger = function(name, data, namespace, state, enter) {\n \t\tvar status = {\n \t\t\titem: { count: this._items.length, index: this.current() }\n \t\t}, handler = $.camelCase(\n \t\t\t$.grep([ 'on', name, namespace ], function(v) { return v })\n \t\t\t\t.join('-').toLowerCase()\n \t\t), event = $.Event(\n \t\t\t[ name, 'owl', namespace || 'carousel' ].join('.').toLowerCase(),\n \t\t\t$.extend({ relatedTarget: this }, status, data)\n \t\t);\n\n \t\tif (!this._supress[name]) {\n \t\t\t$.each(this._plugins, function(name, plugin) {\n \t\t\t\tif (plugin.onTrigger) {\n \t\t\t\t\tplugin.onTrigger(event);\n \t\t\t\t}\n \t\t\t});\n\n \t\t\tthis.register({ type: Owl.Type.Event, name: name });\n \t\t\tthis.$element.trigger(event);\n\n \t\t\tif (this.settings && typeof this.settings[handler] === 'function') {\n \t\t\t\tthis.settings[handler].call(this, event);\n \t\t\t}\n \t\t}\n\n \t\treturn event;\n \t};\n\n \t/**\n \t * Enters a state.\n \t * @param name - The state name.\n \t */\n \tOwl.prototype.enter = function(name) {\n \t\t$.each([ name ].concat(this._states.tags[name] || []), $.proxy(function(i, name) {\n \t\t\tif (this._states.current[name] === undefined) {\n \t\t\t\tthis._states.current[name] = 0;\n \t\t\t}\n\n \t\t\tthis._states.current[name]++;\n \t\t}, this));\n \t};\n\n \t/**\n \t * Leaves a state.\n \t * @param name - The state name.\n \t */\n \tOwl.prototype.leave = function(name) {\n \t\t$.each([ name ].concat(this._states.tags[name] || []), $.proxy(function(i, name) {\n \t\t\tthis._states.current[name]--;\n \t\t}, this));\n \t};\n\n \t/**\n \t * Registers an event or state.\n \t * @public\n \t * @param {Object} object - The event or state to register.\n \t */\n \tOwl.prototype.register = function(object) {\n \t\tif (object.type === Owl.Type.Event) {\n \t\t\tif (!$.event.special[object.name]) {\n \t\t\t\t$.event.special[object.name] = {};\n \t\t\t}\n\n \t\t\tif (!$.event.special[object.name].owl) {\n \t\t\t\tvar _default = $.event.special[object.name]._default;\n \t\t\t\t$.event.special[object.name]._default = function(e) {\n \t\t\t\t\tif (_default && _default.apply && (!e.namespace || e.namespace.indexOf('owl') === -1)) {\n \t\t\t\t\t\treturn _default.apply(this, arguments);\n \t\t\t\t\t}\n \t\t\t\t\treturn e.namespace && e.namespace.indexOf('owl') > -1;\n \t\t\t\t};\n \t\t\t\t$.event.special[object.name].owl = true;\n \t\t\t}\n \t\t} else if (object.type === Owl.Type.State) {\n \t\t\tif (!this._states.tags[object.name]) {\n \t\t\t\tthis._states.tags[object.name] = object.tags;\n \t\t\t} else {\n \t\t\t\tthis._states.tags[object.name] = this._states.tags[object.name].concat(object.tags);\n \t\t\t}\n\n \t\t\tthis._states.tags[object.name] = $.grep(this._states.tags[object.name], $.proxy(function(tag, i) {\n \t\t\t\treturn $.inArray(tag, this._states.tags[object.name]) === i;\n \t\t\t}, this));\n \t\t}\n \t};\n\n \t/**\n \t * Suppresses events.\n \t * @protected\n \t * @param {Array.} events - The events to suppress.\n \t */\n \tOwl.prototype.suppress = function(events) {\n \t\t$.each(events, $.proxy(function(index, event) {\n \t\t\tthis._supress[event] = true;\n \t\t}, this));\n \t};\n\n \t/**\n \t * Releases suppressed events.\n \t * @protected\n \t * @param {Array.} events - The events to release.\n \t */\n \tOwl.prototype.release = function(events) {\n \t\t$.each(events, $.proxy(function(index, event) {\n \t\t\tdelete this._supress[event];\n \t\t}, this));\n \t};\n\n \t/**\n \t * Gets unified pointer coordinates from event.\n \t * @todo #261\n \t * @protected\n \t * @param {Event} - The `mousedown` or `touchstart` event.\n \t * @returns {Object} - Contains `x` and `y` coordinates of current pointer position.\n \t */\n \tOwl.prototype.pointer = function(event) {\n \t\tvar result = { x: null, y: null };\n\n \t\tevent = event.originalEvent || event || window.event;\n\n \t\tevent = event.touches && event.touches.length ?\n \t\t\tevent.touches[0] : event.changedTouches && event.changedTouches.length ?\n \t\t\t\tevent.changedTouches[0] : event;\n\n \t\tif (event.pageX) {\n \t\t\tresult.x = event.pageX;\n \t\t\tresult.y = event.pageY;\n \t\t} else {\n \t\t\tresult.x = event.clientX;\n \t\t\tresult.y = event.clientY;\n \t\t}\n\n \t\treturn result;\n \t};\n\n \t/**\n \t * Determines if the input is a Number or something that can be coerced to a Number\n \t * @protected\n \t * @param {Number|String|Object|Array|Boolean|RegExp|Function|Symbol} - The input to be tested\n \t * @returns {Boolean} - An indication if the input is a Number or can be coerced to a Number\n \t */\n \tOwl.prototype.isNumeric = function(number) {\n \t\treturn !isNaN(parseFloat(number));\n \t};\n\n \t/**\n \t * Gets the difference of two vectors.\n \t * @todo #261\n \t * @protected\n \t * @param {Object} - The first vector.\n \t * @param {Object} - The second vector.\n \t * @returns {Object} - The difference.\n \t */\n \tOwl.prototype.difference = function(first, second) {\n \t\treturn {\n \t\t\tx: first.x - second.x,\n \t\t\ty: first.y - second.y\n \t\t};\n \t};\n\n \t/**\n \t * The jQuery Plugin for the Owl Carousel\n \t * @todo Navigation plugin `next` and `prev`\n \t * @public\n \t */\n \t$.fn.owlCarousel = function(option) {\n \t\tvar args = Array.prototype.slice.call(arguments, 1);\n\n \t\treturn this.each(function() {\n \t\t\tvar $this = $(this),\n \t\t\t\tdata = $this.data('owl.carousel');\n\n \t\t\tif (!data) {\n \t\t\t\tdata = new Owl(this, typeof option == 'object' && option);\n \t\t\t\t$this.data('owl.carousel', data);\n\n \t\t\t\t$.each([\n \t\t\t\t\t'next', 'prev', 'to', 'destroy', 'refresh', 'replace', 'add', 'remove'\n \t\t\t\t], function(i, event) {\n \t\t\t\t\tdata.register({ type: Owl.Type.Event, name: event });\n \t\t\t\t\tdata.$element.on(event + '.owl.carousel.core', $.proxy(function(e) {\n \t\t\t\t\t\tif (e.namespace && e.relatedTarget !== this) {\n \t\t\t\t\t\t\tthis.suppress([ event ]);\n \t\t\t\t\t\t\tdata[event].apply(this, [].slice.call(arguments, 1));\n \t\t\t\t\t\t\tthis.release([ event ]);\n \t\t\t\t\t\t}\n \t\t\t\t\t}, data));\n \t\t\t\t});\n \t\t\t}\n\n \t\t\tif (typeof option == 'string' && option.charAt(0) !== '_') {\n \t\t\t\tdata[option].apply(data, args);\n \t\t\t}\n \t\t});\n \t};\n\n \t/**\n \t * The constructor for the jQuery Plugin\n \t * @public\n \t */\n \t$.fn.owlCarousel.Constructor = Owl;\n\n })(window.Zepto || window.jQuery, window, document);\n (function($, window, document, undefined) {\n\n \t/**\n \t * Creates the auto refresh plugin.\n \t * @class The Auto Refresh Plugin\n \t * @param {Owl} carousel - The Owl Carousel\n \t */\n \tvar AutoRefresh = function(carousel) {\n \t\t/**\n \t\t * Reference to the core.\n \t\t * @protected\n \t\t * @type {Owl}\n \t\t */\n \t\tthis._core = carousel;\n\n \t\t/**\n \t\t * Refresh interval.\n \t\t * @protected\n \t\t * @type {number}\n \t\t */\n \t\tthis._interval = null;\n\n \t\t/**\n \t\t * Whether the element is currently visible or not.\n \t\t * @protected\n \t\t * @type {Boolean}\n \t\t */\n \t\tthis._visible = null;\n\n \t\t/**\n \t\t * All event handlers.\n \t\t * @protected\n \t\t * @type {Object}\n \t\t */\n \t\tthis._handlers = {\n \t\t\t'initialized.owl.carousel': $.proxy(function(e) {\n \t\t\t\tif (e.namespace && this._core.settings.autoRefresh) {\n \t\t\t\t\tthis.watch();\n \t\t\t\t}\n \t\t\t}, this)\n \t\t};\n\n \t\t// set default options\n \t\tthis._core.options = $.extend({}, AutoRefresh.Defaults, this._core.options);\n\n \t\t// register event handlers\n \t\tthis._core.$element.on(this._handlers);\n \t};\n\n \t/**\n \t * Default options.\n \t * @public\n \t */\n \tAutoRefresh.Defaults = {\n \t\tautoRefresh: true,\n \t\tautoRefreshInterval: 500\n \t};\n\n \t/**\n \t * Watches the element.\n \t */\n \tAutoRefresh.prototype.watch = function() {\n \t\tif (this._interval) {\n \t\t\treturn;\n \t\t}\n\n \t\tthis._visible = this._core.isVisible();\n \t\tthis._interval = window.setInterval($.proxy(this.refresh, this), this._core.settings.autoRefreshInterval);\n \t};\n\n \t/**\n \t * Refreshes the element.\n \t */\n \tAutoRefresh.prototype.refresh = function() {\n \t\tif (this._core.isVisible() === this._visible) {\n \t\t\treturn;\n \t\t}\n\n \t\tthis._visible = !this._visible;\n\n \t\tthis._core.$element.toggleClass('owl-hidden', !this._visible);\n\n \t\tthis._visible && (this._core.invalidate('width') && this._core.refresh());\n \t};\n\n \t/**\n \t * Destroys the plugin.\n \t */\n \tAutoRefresh.prototype.destroy = function() {\n \t\tvar handler, property;\n\n \t\twindow.clearInterval(this._interval);\n\n \t\tfor (handler in this._handlers) {\n \t\t\tthis._core.$element.off(handler, this._handlers[handler]);\n \t\t}\n \t\tfor (property in Object.getOwnPropertyNames(this)) {\n \t\t\ttypeof this[property] != 'function' && (this[property] = null);\n \t\t}\n \t};\n\n \t$.fn.owlCarousel.Constructor.Plugins.AutoRefresh = AutoRefresh;\n\n })(window.Zepto || window.jQuery, window, document);\n (function($, window, document, undefined) {\n\n \t/**\n \t * Creates the lazy plugin.\n \t * @class The Lazy Plugin\n \t * @param {Owl} carousel - The Owl Carousel\n \t */\n \tvar Lazy = function(carousel) {\n\n \t\t/**\n \t\t * Reference to the core.\n \t\t * @protected\n \t\t * @type {Owl}\n \t\t */\n \t\tthis._core = carousel;\n\n \t\t/**\n \t\t * Already loaded items.\n \t\t * @protected\n \t\t * @type {Array.}\n \t\t */\n \t\tthis._loaded = [];\n\n \t\t/**\n \t\t * Event handlers.\n \t\t * @protected\n \t\t * @type {Object}\n \t\t */\n \t\tthis._handlers = {\n \t\t\t'initialized.owl.carousel change.owl.carousel resized.owl.carousel': $.proxy(function(e) {\n \t\t\t\tif (!e.namespace) {\n \t\t\t\t\treturn;\n \t\t\t\t}\n\n \t\t\t\tif (!this._core.settings || !this._core.settings.lazyLoad) {\n \t\t\t\t\treturn;\n \t\t\t\t}\n\n \t\t\t\tif ((e.property && e.property.name == 'position') || e.type == 'initialized') {\n \t\t\t\t\tvar settings = this._core.settings,\n \t\t\t\t\t\tn = (settings.center && Math.ceil(settings.items / 2) || settings.items),\n \t\t\t\t\t\ti = ((settings.center && n * -1) || 0),\n \t\t\t\t\t\tposition = (e.property && e.property.value !== undefined ? e.property.value : this._core.current()) + i,\n \t\t\t\t\t\tclones = this._core.clones().length,\n \t\t\t\t\t\tload = $.proxy(function(i, v) { this.load(v); }, this);\n \t\t\t\t\t//TODO: Need documentation for this new option\n \t\t\t\t\tif (settings.lazyLoadEager > 0) {\n \t\t\t\t\t\tn += settings.lazyLoadEager;\n \t\t\t\t\t\t// If the carousel is looping also preload images that are to the \"left\"\n \t\t\t\t\t\tif (settings.loop) {\n position -= settings.lazyLoadEager;\n n++;\n }\n \t\t\t\t\t}\n\n \t\t\t\t\twhile (i++ < n) {\n \t\t\t\t\t\tthis.load(clones / 2 + this._core.relative(position));\n \t\t\t\t\t\tclones && $.each(this._core.clones(this._core.relative(position)), load);\n \t\t\t\t\t\tposition++;\n \t\t\t\t\t}\n \t\t\t\t}\n \t\t\t}, this)\n \t\t};\n\n \t\t// set the default options\n \t\tthis._core.options = $.extend({}, Lazy.Defaults, this._core.options);\n\n \t\t// register event handler\n \t\tthis._core.$element.on(this._handlers);\n \t};\n\n \t/**\n \t * Default options.\n \t * @public\n \t */\n \tLazy.Defaults = {\n \t\tlazyLoad: false,\n \t\tlazyLoadEager: 0\n \t};\n\n \t/**\n \t * Loads all resources of an item at the specified position.\n \t * @param {Number} position - The absolute position of the item.\n \t * @protected\n \t */\n \tLazy.prototype.load = function(position) {\n \t\tvar $item = this._core.$stage.children().eq(position),\n \t\t\t$elements = $item && $item.find('.owl-lazy');\n\n \t\tif (!$elements || $.inArray($item.get(0), this._loaded) > -1) {\n \t\t\treturn;\n \t\t}\n\n \t\t$elements.each($.proxy(function(index, element) {\n \t\t\tvar $element = $(element), image,\n url = (window.devicePixelRatio > 1 && $element.attr('data-src-retina')) || $element.attr('data-src') || $element.attr('data-srcset');\n\n \t\t\tthis._core.trigger('load', { element: $element, url: url }, 'lazy');\n\n \t\t\tif ($element.is('img')) {\n \t\t\t\t$element.one('load.owl.lazy', $.proxy(function() {\n \t\t\t\t\t$element.css('opacity', 1);\n \t\t\t\t\tthis._core.trigger('loaded', { element: $element, url: url }, 'lazy');\n \t\t\t\t}, this)).attr('src', url);\n } else if ($element.is('source')) {\n $element.one('load.owl.lazy', $.proxy(function() {\n this._core.trigger('loaded', { element: $element, url: url }, 'lazy');\n }, this)).attr('srcset', url);\n \t\t\t} else {\n \t\t\t\timage = new Image();\n \t\t\t\timage.onload = $.proxy(function() {\n \t\t\t\t\t$element.css({\n \t\t\t\t\t\t'background-image': 'url(\"' + url + '\")',\n \t\t\t\t\t\t'opacity': '1'\n \t\t\t\t\t});\n \t\t\t\t\tthis._core.trigger('loaded', { element: $element, url: url }, 'lazy');\n \t\t\t\t}, this);\n \t\t\t\timage.src = url;\n \t\t\t}\n \t\t}, this));\n\n \t\tthis._loaded.push($item.get(0));\n \t};\n\n \t/**\n \t * Destroys the plugin.\n \t * @public\n \t */\n \tLazy.prototype.destroy = function() {\n \t\tvar handler, property;\n\n \t\tfor (handler in this.handlers) {\n \t\t\tthis._core.$element.off(handler, this.handlers[handler]);\n \t\t}\n \t\tfor (property in Object.getOwnPropertyNames(this)) {\n \t\t\ttypeof this[property] != 'function' && (this[property] = null);\n \t\t}\n \t};\n\n \t$.fn.owlCarousel.Constructor.Plugins.Lazy = Lazy;\n\n })(window.Zepto || window.jQuery, window, document);\n (function($, window, document, undefined) {\n\n \t/**\n \t * Creates the auto height plugin.\n \t * @class The Auto Height Plugin\n \t * @param {Owl} carousel - The Owl Carousel\n \t */\n \tvar AutoHeight = function(carousel) {\n \t\t/**\n \t\t * Reference to the core.\n \t\t * @protected\n \t\t * @type {Owl}\n \t\t */\n \t\tthis._core = carousel;\n\n \t\tthis._previousHeight = null;\n\n \t\t/**\n \t\t * All event handlers.\n \t\t * @protected\n \t\t * @type {Object}\n \t\t */\n \t\tthis._handlers = {\n \t\t\t'initialized.owl.carousel refreshed.owl.carousel': $.proxy(function(e) {\n \t\t\t\tif (e.namespace && this._core.settings.autoHeight) {\n \t\t\t\t\tthis.update();\n \t\t\t\t}\n \t\t\t}, this),\n \t\t\t'changed.owl.carousel': $.proxy(function(e) {\n \t\t\t\tif (e.namespace && this._core.settings.autoHeight && e.property.name === 'position'){\n \t\t\t\t\tthis.update();\n \t\t\t\t}\n \t\t\t}, this),\n \t\t\t'loaded.owl.lazy': $.proxy(function(e) {\n \t\t\t\tif (e.namespace && this._core.settings.autoHeight\n \t\t\t\t\t&& e.element.closest('.' + this._core.settings.itemClass).index() === this._core.current()) {\n \t\t\t\t\tthis.update();\n \t\t\t\t}\n \t\t\t}, this)\n \t\t};\n\n \t\t// set default options\n \t\tthis._core.options = $.extend({}, AutoHeight.Defaults, this._core.options);\n\n \t\t// register event handlers\n \t\tthis._core.$element.on(this._handlers);\n \t\tthis._intervalId = null;\n \t\tvar refThis = this;\n\n \t\t// These changes have been taken from a PR by gavrochelegnou proposed in #1575\n \t\t// and have been made compatible with the latest jQuery version\n \t\t$(window).on('load', function() {\n \t\t\tif (refThis._core.settings.autoHeight) {\n \t\t\t\trefThis.update();\n \t\t\t}\n \t\t});\n\n \t\t// Autoresize the height of the carousel when window is resized\n \t\t// When carousel has images, the height is dependent on the width\n \t\t// and should also change on resize\n \t\t$(window).resize(function() {\n \t\t\tif (refThis._core.settings.autoHeight) {\n \t\t\t\tif (refThis._intervalId != null) {\n \t\t\t\t\tclearTimeout(refThis._intervalId);\n \t\t\t\t}\n\n \t\t\t\trefThis._intervalId = setTimeout(function() {\n \t\t\t\t\trefThis.update();\n \t\t\t\t}, 250);\n \t\t\t}\n \t\t});\n\n \t};\n\n \t/**\n \t * Default options.\n \t * @public\n \t */\n \tAutoHeight.Defaults = {\n \t\tautoHeight: false,\n \t\tautoHeightClass: 'owl-height'\n \t};\n\n \t/**\n \t * Updates the view.\n \t */\n \tAutoHeight.prototype.update = function() {\n \t\tvar start = this._core._current,\n \t\t\tend = start + this._core.settings.items,\n \t\t\tlazyLoadEnabled = this._core.settings.lazyLoad,\n \t\t\tvisible = this._core.$stage.children().toArray().slice(start, end),\n \t\t\theights = [],\n \t\t\tmaxheight = 0;\n\n \t\t$.each(visible, function(index, item) {\n \t\t\theights.push($(item).height());\n \t\t});\n\n \t\tmaxheight = Math.max.apply(null, heights);\n\n \t\tif (maxheight <= 1 && lazyLoadEnabled && this._previousHeight) {\n \t\t\tmaxheight = this._previousHeight;\n \t\t}\n\n \t\tthis._previousHeight = maxheight;\n\n \t\tthis._core.$stage.parent()\n \t\t\t.height(maxheight)\n \t\t\t.addClass(this._core.settings.autoHeightClass);\n \t};\n\n \tAutoHeight.prototype.destroy = function() {\n \t\tvar handler, property;\n\n \t\tfor (handler in this._handlers) {\n \t\t\tthis._core.$element.off(handler, this._handlers[handler]);\n \t\t}\n \t\tfor (property in Object.getOwnPropertyNames(this)) {\n \t\t\ttypeof this[property] !== 'function' && (this[property] = null);\n \t\t}\n \t};\n\n \t$.fn.owlCarousel.Constructor.Plugins.AutoHeight = AutoHeight;\n\n })(window.Zepto || window.jQuery, window, document);\n (function($, window, document, undefined) {\n\n \t/**\n \t * Creates the video plugin.\n \t * @class The Video Plugin\n \t * @param {Owl} carousel - The Owl Carousel\n \t */\n \tvar Video = function(carousel) {\n \t\t/**\n \t\t * Reference to the core.\n \t\t * @protected\n \t\t * @type {Owl}\n \t\t */\n \t\tthis._core = carousel;\n\n \t\t/**\n \t\t * Cache all video URLs.\n \t\t * @protected\n \t\t * @type {Object}\n \t\t */\n \t\tthis._videos = {};\n\n \t\t/**\n \t\t * Current playing item.\n \t\t * @protected\n \t\t * @type {jQuery}\n \t\t */\n \t\tthis._playing = null;\n\n \t\t/**\n \t\t * All event handlers.\n \t\t * @todo The cloned content removale is too late\n \t\t * @protected\n \t\t * @type {Object}\n \t\t */\n \t\tthis._handlers = {\n \t\t\t'initialized.owl.carousel': $.proxy(function(e) {\n \t\t\t\tif (e.namespace) {\n \t\t\t\t\tthis._core.register({ type: 'state', name: 'playing', tags: [ 'interacting' ] });\n \t\t\t\t}\n \t\t\t}, this),\n \t\t\t'resize.owl.carousel': $.proxy(function(e) {\n \t\t\t\tif (e.namespace && this._core.settings.video && this.isInFullScreen()) {\n \t\t\t\t\te.preventDefault();\n \t\t\t\t}\n \t\t\t}, this),\n \t\t\t'refreshed.owl.carousel': $.proxy(function(e) {\n \t\t\t\tif (e.namespace && this._core.is('resizing')) {\n \t\t\t\t\tthis._core.$stage.find('.cloned .owl-video-frame').remove();\n \t\t\t\t}\n \t\t\t}, this),\n \t\t\t'changed.owl.carousel': $.proxy(function(e) {\n \t\t\t\tif (e.namespace && e.property.name === 'position' && this._playing) {\n \t\t\t\t\tthis.stop();\n \t\t\t\t}\n \t\t\t}, this),\n \t\t\t'prepared.owl.carousel': $.proxy(function(e) {\n \t\t\t\tif (!e.namespace) {\n \t\t\t\t\treturn;\n \t\t\t\t}\n\n \t\t\t\tvar $element = $(e.content).find('.owl-video');\n\n \t\t\t\tif ($element.length) {\n \t\t\t\t\t$element.css('display', 'none');\n \t\t\t\t\tthis.fetch($element, $(e.content));\n \t\t\t\t}\n \t\t\t}, this)\n \t\t};\n\n \t\t// set default options\n \t\tthis._core.options = $.extend({}, Video.Defaults, this._core.options);\n\n \t\t// register event handlers\n \t\tthis._core.$element.on(this._handlers);\n\n \t\tthis._core.$element.on('click.owl.video', '.owl-video-play-icon', $.proxy(function(e) {\n \t\t\tthis.play(e);\n \t\t}, this));\n \t};\n\n \t/**\n \t * Default options.\n \t * @public\n \t */\n \tVideo.Defaults = {\n \t\tvideo: false,\n \t\tvideoHeight: false,\n \t\tvideoWidth: false\n \t};\n\n \t/**\n \t * Gets the video ID and the type (YouTube/Vimeo/vzaar only).\n \t * @protected\n \t * @param {jQuery} target - The target containing the video data.\n \t * @param {jQuery} item - The item containing the video.\n \t */\n \tVideo.prototype.fetch = function(target, item) {\n \t\t\tvar type = (function() {\n \t\t\t\t\tif (target.attr('data-vimeo-id')) {\n \t\t\t\t\t\treturn 'vimeo';\n \t\t\t\t\t} else if (target.attr('data-vzaar-id')) {\n \t\t\t\t\t\treturn 'vzaar'\n \t\t\t\t\t} else {\n \t\t\t\t\t\treturn 'youtube';\n \t\t\t\t\t}\n \t\t\t\t})(),\n \t\t\t\tid = target.attr('data-vimeo-id') || target.attr('data-youtube-id') || target.attr('data-vzaar-id'),\n \t\t\t\twidth = target.attr('data-width') || this._core.settings.videoWidth,\n \t\t\t\theight = target.attr('data-height') || this._core.settings.videoHeight,\n \t\t\t\turl = target.attr('href');\n\n \t\tif (url) {\n\n \t\t\t/*\n \t\t\t\t\tParses the id's out of the following urls (and probably more):\n \t\t\t\t\thttps://www.youtube.com/watch?v=:id\n \t\t\t\t\thttps://youtu.be/:id\n \t\t\t\t\thttps://vimeo.com/:id\n \t\t\t\t\thttps://vimeo.com/channels/:channel/:id\n \t\t\t\t\thttps://vimeo.com/groups/:group/videos/:id\n \t\t\t\t\thttps://app.vzaar.com/videos/:id\n\n \t\t\t\t\tVisual example: https://regexper.com/#(http%3A%7Chttps%3A%7C)%5C%2F%5C%2F(player.%7Cwww.%7Capp.)%3F(vimeo%5C.com%7Cyoutu(be%5C.com%7C%5C.be%7Cbe%5C.googleapis%5C.com)%7Cvzaar%5C.com)%5C%2F(video%5C%2F%7Cvideos%5C%2F%7Cembed%5C%2F%7Cchannels%5C%2F.%2B%5C%2F%7Cgroups%5C%2F.%2B%5C%2F%7Cwatch%5C%3Fv%3D%7Cv%5C%2F)%3F(%5BA-Za-z0-9._%25-%5D*)(%5C%26%5CS%2B)%3F\n \t\t\t*/\n\n \t\t\tid = url.match(/(http:|https:|)\\/\\/(player.|www.|app.)?(vimeo\\.com|youtu(be\\.com|\\.be|be\\.googleapis\\.com|be\\-nocookie\\.com)|vzaar\\.com)\\/(video\\/|videos\\/|embed\\/|channels\\/.+\\/|groups\\/.+\\/|watch\\?v=|v\\/)?([A-Za-z0-9._%-]*)(\\&\\S+)?/);\n\n \t\t\tif (id[3].indexOf('youtu') > -1) {\n \t\t\t\ttype = 'youtube';\n \t\t\t} else if (id[3].indexOf('vimeo') > -1) {\n \t\t\t\ttype = 'vimeo';\n \t\t\t} else if (id[3].indexOf('vzaar') > -1) {\n \t\t\t\ttype = 'vzaar';\n \t\t\t} else {\n \t\t\t\tthrow new Error('Video URL not supported.');\n \t\t\t}\n \t\t\tid = id[6];\n \t\t} else {\n \t\t\tthrow new Error('Missing video URL.');\n \t\t}\n\n \t\tthis._videos[url] = {\n \t\t\ttype: type,\n \t\t\tid: id,\n \t\t\twidth: width,\n \t\t\theight: height\n \t\t};\n\n \t\titem.attr('data-video', url);\n\n \t\tthis.thumbnail(target, this._videos[url]);\n \t};\n\n \t/**\n \t * Creates video thumbnail.\n \t * @protected\n \t * @param {jQuery} target - The target containing the video data.\n \t * @param {Object} info - The video info object.\n \t * @see `fetch`\n \t */\n \tVideo.prototype.thumbnail = function(target, video) {\n \t\tvar tnLink,\n \t\t\ticon,\n \t\t\tpath,\n \t\t\tdimensions = video.width && video.height ? 'width:' + video.width + 'px;height:' + video.height + 'px;' : '',\n \t\t\tcustomTn = target.find('img'),\n \t\t\tsrcType = 'src',\n \t\t\tlazyClass = '',\n \t\t\tsettings = this._core.settings,\n \t\t\tcreate = function(path) {\n \t\t\t\ticon = '

';\n\n \t\t\t\tif (settings.lazyLoad) {\n \t\t\t\t\ttnLink = $('

',{\n \t\t\t\t\t\t\"class\": 'owl-video-tn ' + lazyClass,\n \t\t\t\t\t\t\"srcType\": path\n \t\t\t\t\t});\n \t\t\t\t} else {\n \t\t\t\t\ttnLink = $( '

', {\n \t\t\t\t\t\t\"class\": \"owl-video-tn\",\n \t\t\t\t\t\t\"style\": 'opacity:1;background-image:url(' + path + ')'\n \t\t\t\t\t});\n \t\t\t\t}\n \t\t\t\ttarget.after(tnLink);\n \t\t\t\ttarget.after(icon);\n \t\t\t};\n\n \t\t// wrap video content into owl-video-wrapper div\n \t\ttarget.wrap( $( '

', {\n \t\t\t\"class\": \"owl-video-wrapper\",\n \t\t\t\"style\": dimensions\n \t\t}));\n\n \t\tif (this._core.settings.lazyLoad) {\n \t\t\tsrcType = 'data-src';\n \t\t\tlazyClass = 'owl-lazy';\n \t\t}\n\n \t\t// custom thumbnail\n \t\tif (customTn.length) {\n \t\t\tcreate(customTn.attr(srcType));\n \t\t\tcustomTn.remove();\n \t\t\treturn false;\n \t\t}\n\n \t\tif (video.type === 'youtube') {\n \t\t\tpath = \"//img.youtube.com/vi/\" + video.id + \"/hqdefault.jpg\";\n \t\t\tcreate(path);\n \t\t} else if (video.type === 'vimeo') {\n \t\t\t$.ajax({\n \t\t\t\ttype: 'GET',\n \t\t\t\turl: '//vimeo.com/api/v2/video/' + video.id + '.json',\n \t\t\t\tjsonp: 'callback',\n \t\t\t\tdataType: 'jsonp',\n \t\t\t\tsuccess: function(data) {\n \t\t\t\t\tpath = data[0].thumbnail_large;\n \t\t\t\t\tcreate(path);\n \t\t\t\t}\n \t\t\t});\n \t\t} else if (video.type === 'vzaar') {\n \t\t\t$.ajax({\n \t\t\t\ttype: 'GET',\n \t\t\t\turl: '//vzaar.com/api/videos/' + video.id + '.json',\n \t\t\t\tjsonp: 'callback',\n \t\t\t\tdataType: 'jsonp',\n \t\t\t\tsuccess: function(data) {\n \t\t\t\t\tpath = data.framegrab_url;\n \t\t\t\t\tcreate(path);\n \t\t\t\t}\n \t\t\t});\n \t\t}\n \t};\n\n \t/**\n \t * Stops the current video.\n \t * @public\n \t */\n \tVideo.prototype.stop = function() {\n \t\tthis._core.trigger('stop', null, 'video');\n \t\tthis._playing.find('.owl-video-frame').remove();\n \t\tthis._playing.removeClass('owl-video-playing');\n \t\tthis._playing = null;\n \t\tthis._core.leave('playing');\n \t\tthis._core.trigger('stopped', null, 'video');\n \t};\n\n \t/**\n \t * Starts the current video.\n \t * @public\n \t * @param {Event} event - The event arguments.\n \t */\n \tVideo.prototype.play = function(event) {\n \t\tvar target = $(event.target),\n \t\t\titem = target.closest('.' + this._core.settings.itemClass),\n \t\t\tvideo = this._videos[item.attr('data-video')],\n \t\t\twidth = video.width || '100%',\n \t\t\theight = video.height || this._core.$stage.height(),\n \t\t\thtml,\n \t\t\tiframe;\n\n \t\tif (this._playing) {\n \t\t\treturn;\n \t\t}\n\n \t\tthis._core.enter('playing');\n \t\tthis._core.trigger('play', null, 'video');\n\n \t\titem = this._core.items(this._core.relative(item.index()));\n\n \t\tthis._core.reset(item.index());\n\n \t\thtml = $( '' );\n \t\thtml.attr( 'height', height );\n \t\thtml.attr( 'width', width );\n \t\tif (video.type === 'youtube') {\n \t\t\thtml.attr( 'src', '//www.youtube.com/embed/' + video.id + '?autoplay=1&rel=0&v=' + video.id );\n \t\t} else if (video.type === 'vimeo') {\n \t\t\thtml.attr( 'src', '//player.vimeo.com/video/' + video.id + '?autoplay=1' );\n \t\t} else if (video.type === 'vzaar') {\n \t\t\thtml.attr( 'src', '//view.vzaar.com/' + video.id + '/player?autoplay=true' );\n \t\t}\n\n \t\tiframe = $(html).wrap( '

' ).insertAfter(item.find('.owl-video'));\n\n \t\tthis._playing = item.addClass('owl-video-playing');\n \t};\n\n \t/**\n \t * Checks whether an video is currently in full screen mode or not.\n \t * @todo Bad style because looks like a readonly method but changes members.\n \t * @protected\n \t * @returns {Boolean}\n \t */\n \tVideo.prototype.isInFullScreen = function() {\n \t\tvar element = document.fullscreenElement || document.mozFullScreenElement ||\n \t\t\t\tdocument.webkitFullscreenElement;\n\n \t\treturn element && $(element).parent().hasClass('owl-video-frame');\n \t};\n\n \t/**\n \t * Destroys the plugin.\n \t */\n \tVideo.prototype.destroy = function() {\n \t\tvar handler, property;\n\n \t\tthis._core.$element.off('click.owl.video');\n\n \t\tfor (handler in this._handlers) {\n \t\t\tthis._core.$element.off(handler, this._handlers[handler]);\n \t\t}\n \t\tfor (property in Object.getOwnPropertyNames(this)) {\n \t\t\ttypeof this[property] != 'function' && (this[property] = null);\n \t\t}\n \t};\n\n \t$.fn.owlCarousel.Constructor.Plugins.Video = Video;\n\n })(window.Zepto || window.jQuery, window, document);\n (function($, window, document, undefined) {\n\n \t/**\n \t * Creates the animate plugin.\n \t * @class The Navigation Plugin\n \t * @param {Owl} scope - The Owl Carousel\n \t */\n \tvar Animate = function(scope) {\n \t\tthis.core = scope;\n \t\tthis.core.options = $.extend({}, Animate.Defaults, this.core.options);\n \t\tthis.swapping = true;\n \t\tthis.previous = undefined;\n \t\tthis.next = undefined;\n\n \t\tthis.handlers = {\n \t\t\t'change.owl.carousel': $.proxy(function(e) {\n \t\t\t\tif (e.namespace && e.property.name == 'position') {\n \t\t\t\t\tthis.previous = this.core.current();\n \t\t\t\t\tthis.next = e.property.value;\n \t\t\t\t}\n \t\t\t}, this),\n \t\t\t'drag.owl.carousel dragged.owl.carousel translated.owl.carousel': $.proxy(function(e) {\n \t\t\t\tif (e.namespace) {\n \t\t\t\t\tthis.swapping = e.type == 'translated';\n \t\t\t\t}\n \t\t\t}, this),\n \t\t\t'translate.owl.carousel': $.proxy(function(e) {\n \t\t\t\tif (e.namespace && this.swapping && (this.core.options.animateOut || this.core.options.animateIn)) {\n \t\t\t\t\tthis.swap();\n \t\t\t\t}\n \t\t\t}, this)\n \t\t};\n\n \t\tthis.core.$element.on(this.handlers);\n \t};\n\n \t/**\n \t * Default options.\n \t * @public\n \t */\n \tAnimate.Defaults = {\n \t\tanimateOut: false,\n \t\tanimateIn: false\n \t};\n\n \t/**\n \t * Toggles the animation classes whenever an translations starts.\n \t * @protected\n \t * @returns {Boolean|undefined}\n \t */\n \tAnimate.prototype.swap = function() {\n\n \t\tif (this.core.settings.items !== 1) {\n \t\t\treturn;\n \t\t}\n\n \t\tif (!$.support.animation || !$.support.transition) {\n \t\t\treturn;\n \t\t}\n\n \t\tthis.core.speed(0);\n\n \t\tvar left,\n \t\t\tclear = $.proxy(this.clear, this),\n \t\t\tprevious = this.core.$stage.children().eq(this.previous),\n \t\t\tnext = this.core.$stage.children().eq(this.next),\n \t\t\tincoming = this.core.settings.animateIn,\n \t\t\toutgoing = this.core.settings.animateOut;\n\n \t\tif (this.core.current() === this.previous) {\n \t\t\treturn;\n \t\t}\n\n \t\tif (outgoing) {\n \t\t\tleft = this.core.coordinates(this.previous) - this.core.coordinates(this.next);\n \t\t\tprevious.one($.support.animation.end, clear)\n \t\t\t\t.css( { 'left': left + 'px' } )\n \t\t\t\t.addClass('animated owl-animated-out')\n \t\t\t\t.addClass(outgoing);\n \t\t}\n\n \t\tif (incoming) {\n \t\t\tnext.one($.support.animation.end, clear)\n \t\t\t\t.addClass('animated owl-animated-in')\n \t\t\t\t.addClass(incoming);\n \t\t}\n \t};\n\n \tAnimate.prototype.clear = function(e) {\n \t\t$(e.target).css( { 'left': '' } )\n \t\t\t.removeClass('animated owl-animated-out owl-animated-in')\n \t\t\t.removeClass(this.core.settings.animateIn)\n \t\t\t.removeClass(this.core.settings.animateOut);\n \t\tthis.core.onTransitionEnd();\n \t};\n\n \t/**\n \t * Destroys the plugin.\n \t * @public\n \t */\n \tAnimate.prototype.destroy = function() {\n \t\tvar handler, property;\n\n \t\tfor (handler in this.handlers) {\n \t\t\tthis.core.$element.off(handler, this.handlers[handler]);\n \t\t}\n \t\tfor (property in Object.getOwnPropertyNames(this)) {\n \t\t\ttypeof this[property] != 'function' && (this[property] = null);\n \t\t}\n \t};\n\n \t$.fn.owlCarousel.Constructor.Plugins.Animate = Animate;\n\n })(window.Zepto || window.jQuery, window, document);\n (function($, window, document, undefined) {\n\n \t/**\n \t * Creates the autoplay plugin.\n \t * @class The Autoplay Plugin\n \t * @param {Owl} scope - The Owl Carousel\n \t */\n \tvar Autoplay = function(carousel) {\n \t\t/**\n \t\t * Reference to the core.\n \t\t * @protected\n \t\t * @type {Owl}\n \t\t */\n \t\tthis._core = carousel;\n\n \t\t/**\n \t\t * The autoplay timeout id.\n \t\t * @type {Number}\n \t\t */\n \t\tthis._call = null;\n\n \t\t/**\n \t\t * Depending on the state of the plugin, this variable contains either\n \t\t * the start time of the timer or the current timer value if it's\n \t\t * paused. Since we start in a paused state we initialize the timer\n \t\t * value.\n \t\t * @type {Number}\n \t\t */\n \t\tthis._time = 0;\n\n \t\t/**\n \t\t * Stores the timeout currently used.\n \t\t * @type {Number}\n \t\t */\n \t\tthis._timeout = 0;\n\n \t\t/**\n \t\t * Indicates whenever the autoplay is paused.\n \t\t * @type {Boolean}\n \t\t */\n \t\tthis._paused = true;\n\n \t\t/**\n \t\t * All event handlers.\n \t\t * @protected\n \t\t * @type {Object}\n \t\t */\n \t\tthis._handlers = {\n \t\t\t'changed.owl.carousel': $.proxy(function(e) {\n \t\t\t\tif (e.namespace && e.property.name === 'settings') {\n \t\t\t\t\tif (this._core.settings.autoplay) {\n \t\t\t\t\t\tthis.play();\n \t\t\t\t\t} else {\n \t\t\t\t\t\tthis.stop();\n \t\t\t\t\t}\n \t\t\t\t} else if (e.namespace && e.property.name === 'position' && this._paused) {\n \t\t\t\t\t// Reset the timer. This code is triggered when the position\n \t\t\t\t\t// of the carousel was changed through user interaction.\n \t\t\t\t\tthis._time = 0;\n \t\t\t\t}\n \t\t\t}, this),\n \t\t\t'initialized.owl.carousel': $.proxy(function(e) {\n \t\t\t\tif (e.namespace && this._core.settings.autoplay) {\n \t\t\t\t\tthis.play();\n \t\t\t\t}\n \t\t\t}, this),\n \t\t\t'play.owl.autoplay': $.proxy(function(e, t, s) {\n \t\t\t\tif (e.namespace) {\n \t\t\t\t\tthis.play(t, s);\n \t\t\t\t}\n \t\t\t}, this),\n \t\t\t'stop.owl.autoplay': $.proxy(function(e) {\n \t\t\t\tif (e.namespace) {\n \t\t\t\t\tthis.stop();\n \t\t\t\t}\n \t\t\t}, this),\n \t\t\t'mouseover.owl.autoplay': $.proxy(function() {\n \t\t\t\tif (this._core.settings.autoplayHoverPause && this._core.is('rotating')) {\n \t\t\t\t\tthis.pause();\n \t\t\t\t}\n \t\t\t}, this),\n \t\t\t'mouseleave.owl.autoplay': $.proxy(function() {\n \t\t\t\tif (this._core.settings.autoplayHoverPause && this._core.is('rotating')) {\n \t\t\t\t\tthis.play();\n \t\t\t\t}\n \t\t\t}, this),\n \t\t\t'touchstart.owl.core': $.proxy(function() {\n \t\t\t\tif (this._core.settings.autoplayHoverPause && this._core.is('rotating')) {\n \t\t\t\t\tthis.pause();\n \t\t\t\t}\n \t\t\t}, this),\n \t\t\t'touchend.owl.core': $.proxy(function() {\n \t\t\t\tif (this._core.settings.autoplayHoverPause) {\n \t\t\t\t\tthis.play();\n \t\t\t\t}\n \t\t\t}, this)\n \t\t};\n\n \t\t// register event handlers\n \t\tthis._core.$element.on(this._handlers);\n\n \t\t// set default options\n \t\tthis._core.options = $.extend({}, Autoplay.Defaults, this._core.options);\n \t};\n\n \t/**\n \t * Default options.\n \t * @public\n \t */\n \tAutoplay.Defaults = {\n \t\tautoplay: false,\n \t\tautoplayTimeout: 5000,\n \t\tautoplayHoverPause: false,\n \t\tautoplaySpeed: false\n \t};\n\n \t/**\n \t * Transition to the next slide and set a timeout for the next transition.\n \t * @private\n \t * @param {Number} [speed] - The animation speed for the animations.\n \t */\n \tAutoplay.prototype._next = function(speed) {\n \t\tthis._call = window.setTimeout(\n \t\t\t$.proxy(this._next, this, speed),\n \t\t\tthis._timeout * (Math.round(this.read() / this._timeout) + 1) - this.read()\n \t\t);\n\n \t\tif (this._core.is('interacting') || document.hidden) {\n \t\t\treturn;\n \t\t}\n \t\tthis._core.next(speed || this._core.settings.autoplaySpeed);\n \t};\n\n \t/**\n \t * Reads the current timer value when the timer is playing.\n \t * @public\n \t */\n \tAutoplay.prototype.read = function() {\n \t\treturn new Date().getTime() - this._time;\n \t};\n\n \t/**\n \t * Starts the autoplay.\n \t * @public\n \t * @param {Number} [timeout] - The interval before the next animation starts.\n \t * @param {Number} [speed] - The animation speed for the animations.\n \t */\n \tAutoplay.prototype.play = function(timeout, speed) {\n \t\tvar elapsed;\n\n \t\tif (!this._core.is('rotating')) {\n \t\t\tthis._core.enter('rotating');\n \t\t}\n\n \t\ttimeout = timeout || this._core.settings.autoplayTimeout;\n\n \t\t// Calculate the elapsed time since the last transition. If the carousel\n \t\t// wasn't playing this calculation will yield zero.\n \t\telapsed = Math.min(this._time % (this._timeout || timeout), timeout);\n\n \t\tif (this._paused) {\n \t\t\t// Start the clock.\n \t\t\tthis._time = this.read();\n \t\t\tthis._paused = false;\n \t\t} else {\n \t\t\t// Clear the active timeout to allow replacement.\n \t\t\twindow.clearTimeout(this._call);\n \t\t}\n\n \t\t// Adjust the origin of the timer to match the new timeout value.\n \t\tthis._time += this.read() % timeout - elapsed;\n\n \t\tthis._timeout = timeout;\n \t\tthis._call = window.setTimeout($.proxy(this._next, this, speed), timeout - elapsed);\n \t};\n\n \t/**\n \t * Stops the autoplay.\n \t * @public\n \t */\n \tAutoplay.prototype.stop = function() {\n \t\tif (this._core.is('rotating')) {\n \t\t\t// Reset the clock.\n \t\t\tthis._time = 0;\n \t\t\tthis._paused = true;\n\n \t\t\twindow.clearTimeout(this._call);\n \t\t\tthis._core.leave('rotating');\n \t\t}\n \t};\n\n \t/**\n \t * Pauses the autoplay.\n \t * @public\n \t */\n \tAutoplay.prototype.pause = function() {\n \t\tif (this._core.is('rotating') && !this._paused) {\n \t\t\t// Pause the clock.\n \t\t\tthis._time = this.read();\n \t\t\tthis._paused = true;\n\n \t\t\twindow.clearTimeout(this._call);\n \t\t}\n \t};\n\n \t/**\n \t * Destroys the plugin.\n \t */\n \tAutoplay.prototype.destroy = function() {\n \t\tvar handler, property;\n\n \t\tthis.stop();\n\n \t\tfor (handler in this._handlers) {\n \t\t\tthis._core.$element.off(handler, this._handlers[handler]);\n \t\t}\n \t\tfor (property in Object.getOwnPropertyNames(this)) {\n \t\t\ttypeof this[property] != 'function' && (this[property] = null);\n \t\t}\n \t};\n\n \t$.fn.owlCarousel.Constructor.Plugins.autoplay = Autoplay;\n\n })(window.Zepto || window.jQuery, window, document);\n (function($, window, document, undefined) {\n\n \t/**\n \t * Creates the navigation plugin.\n \t * @class The Navigation Plugin\n \t * @param {Owl} carousel - The Owl Carousel.\n \t */\n \tvar Navigation = function(carousel) {\n \t\t/**\n \t\t * Reference to the core.\n \t\t * @protected\n \t\t * @type {Owl}\n \t\t */\n \t\tthis._core = carousel;\n\n \t\t/**\n \t\t * Indicates whether the plugin is initialized or not.\n \t\t * @protected\n \t\t * @type {Boolean}\n \t\t */\n \t\tthis._initialized = false;\n\n \t\t/**\n \t\t * The current paging indexes.\n \t\t * @protected\n \t\t * @type {Array}\n \t\t */\n \t\tthis._pages = [];\n\n \t\t/**\n \t\t * All DOM elements of the user interface.\n \t\t * @protected\n \t\t * @type {Object}\n \t\t */\n \t\tthis._controls = {};\n\n \t\t/**\n \t\t * Markup for an indicator.\n \t\t * @protected\n \t\t * @type {Array.}\n \t\t */\n \t\tthis._templates = [];\n\n \t\t/**\n \t\t * The carousel element.\n \t\t * @type {jQuery}\n \t\t */\n \t\tthis.$element = this._core.$element;\n\n \t\t/**\n \t\t * Overridden methods of the carousel.\n \t\t * @protected\n \t\t * @type {Object}\n \t\t */\n \t\tthis._overrides = {\n \t\t\tnext: this._core.next,\n \t\t\tprev: this._core.prev,\n \t\t\tto: this._core.to\n \t\t};\n\n \t\t/**\n \t\t * All event handlers.\n \t\t * @protected\n \t\t * @type {Object}\n \t\t */\n \t\tthis._handlers = {\n \t\t\t'prepared.owl.carousel': $.proxy(function(e) {\n \t\t\t\tif (e.namespace && this._core.settings.dotsData) {\n \t\t\t\t\tthis._templates.push('

' +\n \t\t\t\t\t\t$(e.content).find('[data-dot]').addBack('[data-dot]').attr('data-dot') + '

');\n \t\t\t\t}\n \t\t\t}, this),\n \t\t\t'added.owl.carousel': $.proxy(function(e) {\n \t\t\t\tif (e.namespace && this._core.settings.dotsData) {\n \t\t\t\t\tthis._templates.splice(e.position, 0, this._templates.pop());\n \t\t\t\t}\n \t\t\t}, this),\n \t\t\t'remove.owl.carousel': $.proxy(function(e) {\n \t\t\t\tif (e.namespace && this._core.settings.dotsData) {\n \t\t\t\t\tthis._templates.splice(e.position, 1);\n \t\t\t\t}\n \t\t\t}, this),\n \t\t\t'changed.owl.carousel': $.proxy(function(e) {\n \t\t\t\tif (e.namespace && e.property.name == 'position') {\n \t\t\t\t\tthis.draw();\n \t\t\t\t}\n \t\t\t}, this),\n \t\t\t'initialized.owl.carousel': $.proxy(function(e) {\n \t\t\t\tif (e.namespace && !this._initialized) {\n \t\t\t\t\tthis._core.trigger('initialize', null, 'navigation');\n \t\t\t\t\tthis.initialize();\n \t\t\t\t\tthis.update();\n \t\t\t\t\tthis.draw();\n \t\t\t\t\tthis._initialized = true;\n \t\t\t\t\tthis._core.trigger('initialized', null, 'navigation');\n \t\t\t\t}\n \t\t\t}, this),\n \t\t\t'refreshed.owl.carousel': $.proxy(function(e) {\n \t\t\t\tif (e.namespace && this._initialized) {\n \t\t\t\t\tthis._core.trigger('refresh', null, 'navigation');\n \t\t\t\t\tthis.update();\n \t\t\t\t\tthis.draw();\n \t\t\t\t\tthis._core.trigger('refreshed', null, 'navigation');\n \t\t\t\t}\n \t\t\t}, this)\n \t\t};\n\n \t\t// set default options\n \t\tthis._core.options = $.extend({}, Navigation.Defaults, this._core.options);\n\n \t\t// register event handlers\n \t\tthis.$element.on(this._handlers);\n \t};\n\n \t/**\n \t * Default options.\n \t * @public\n \t * @todo Rename `slideBy` to `navBy`\n \t */\n \tNavigation.Defaults = {\n \t\tnav: false,\n \t\tnavText: [\n \t\t\t'‹',\n \t\t\t'›'\n \t\t],\n \t\tnavSpeed: false,\n \t\tnavElement: 'button type=\"button\" role=\"presentation\"',\n \t\tnavContainer: false,\n \t\tnavContainerClass: 'owl-nav',\n \t\tnavClass: [\n \t\t\t'owl-prev',\n \t\t\t'owl-next'\n \t\t],\n \t\tslideBy: 1,\n \t\tdotClass: 'owl-dot',\n \t\tdotsClass: 'owl-dots',\n \t\tdots: true,\n \t\tdotsEach: false,\n \t\tdotsData: false,\n \t\tdotsSpeed: false,\n \t\tdotsContainer: false\n \t};\n\n \t/**\n \t * Initializes the layout of the plugin and extends the carousel.\n \t * @protected\n \t */\n \tNavigation.prototype.initialize = function() {\n \t\tvar override,\n \t\t\tsettings = this._core.settings;\n\n \t\t// create DOM structure for relative navigation\n \t\tthis._controls.$relative = (settings.navContainer ? $(settings.navContainer)\n \t\t\t: $('

').addClass(settings.navContainerClass).appendTo(this.$element)).addClass('disabled');\n\n \t\tthis._controls.$previous = $('<' + settings.navElement + '>')\n \t\t\t.addClass(settings.navClass[0])\n \t\t\t.html(settings.navText[0])\n \t\t\t.prependTo(this._controls.$relative)\n \t\t\t.on('click', $.proxy(function(e) {\n \t\t\t\tthis.prev(settings.navSpeed);\n \t\t\t}, this));\n \t\tthis._controls.$next = $('<' + settings.navElement + '>')\n \t\t\t.addClass(settings.navClass[1])\n \t\t\t.html(settings.navText[1])\n \t\t\t.appendTo(this._controls.$relative)\n \t\t\t.on('click', $.proxy(function(e) {\n \t\t\t\tthis.next(settings.navSpeed);\n \t\t\t}, this));\n\n \t\t// create DOM structure for absolute navigation\n \t\tif (!settings.dotsData) {\n \t\t\tthis._templates = [ $('\n * ```\n */\n\nexport default function useForceUpdate() {\n // The toggling state value is designed to defeat React optimizations for skipping\n // updates when they are stricting equal to the last state value\n var _useReducer = useReducer(function (state) {\n return !state;\n }, false),\n dispatch = _useReducer[1];\n\n return dispatch;\n}","import { useMemo } from 'react';\n\nvar toFnRef = function toFnRef(ref) {\n return !ref || typeof ref === 'function' ? ref : function (value) {\n ref.current = value;\n };\n};\n\nexport function mergeRefs(refA, refB) {\n var a = toFnRef(refA);\n var b = toFnRef(refB);\n return function (value) {\n if (a) a(value);\n if (b) b(value);\n };\n}\n/**\n * Create and returns a single callback ref composed from two other Refs.\n *\n * ```tsx\n * const Button = React.forwardRef((props, ref) => {\n * const [element, attachRef] = useCallbackRef();\n * const mergedRef = useMergedRefs(ref, attachRef);\n *\n * return