/* This file may be copyrighted. It has been obfuscated for brevity, not for secrecy. Check https://www.praeparation.de/jquery.fancybox/jquery.fancybox.js?clear *//*!
* fancyBox - jQuery Plugin
* version: 2.0.6 (Wed, 02 May 2012)
* @requires jQuery v1.6 or later
*
* Examples at http://fancyapps.com/fancybox/
* License: www.fancyapps.com/fancybox/#license
*
* Copyright 2012 Janis Skarnelis - janis@fancyapps.com
*
*/
(function (window, document, $, undefined) {
"use strict";
var W = $(window),
D = $(document),
F = $.fancybox = function () {
F.open.apply( this, arguments );
},
didUpdate = false,
isTouch = document.createTouch !== undefined,
isQuery = function(obj) {
return obj && obj.hasOwnProperty && obj instanceof $;
},
isString = function(str) {
return $.type(str) === "string";
},
isPercentage = function(str) {
return isString(str) && str.indexOf('%') > 0;
},
getScalar = function(value, dim) {
if (dim && isPercentage(value)) {
value = F.getViewport()[ dim ] / 100 * parseInt(value, 10);
}
return Math.ceil(value);
},
getValue = function(value, dim) {
return getScalar(value, dim) + 'px';
};
$.extend(F, {
// The current version of fancyBox
version: '2.0.6',
defaults: {
padding : 15,
margin : 20,
width : 800,
height : 600,
minWidth : 100,
minHeight : 100,
maxWidth : 9999,
maxHeight : 9999,
autoSize : true,
autoHeight : false,
autoWidth : false,
autoResize : !isTouch,
autoCenter : !isTouch,
fitToView : true,
aspectRatio : false,
topRatio : 0.5,
fixed : false,
scrolling : 'auto', // 'auto', 'yes' or 'no'
wrapCSS : '',
arrows : true,
closeBtn : true,
closeClick : false,
nextClick : false,
mouseWheel : true,
autoPlay : false,
playSpeed : 3000,
preload : 3,
modal : false,
loop : true,
ajax : {
dataType : 'html',
headers : { 'X-fancyBox': true }
},
keys : {
next : {
13 : 'right', // enter
34 : 'down', // page down
39 : 'right', // right arrow
40 : 'down' // down arrow
},
prev : {
8 : 'left', // backspace
33 : 'up', // page up
37 : 'left', // left arrow
38 : 'up' // up arrow
},
close : [27], // escape key
play : [32], // space
toggle : [70] // letter "f"
},
// Override some properties
index : 0,
type : null,
href : null,
content : null,
title : null,
// HTML templates
tpl: {
wrap : '
The requested content cannot be loaded.
Please try again later.
',
closeBtn : '').html(content).find(current.selector);
} else if (isQuery(content)) {
if (content.parent().hasClass('fancybox-inner')) {
content.parents('.fancybox-wrap').unbind('onReset');
}
content = content.show().detach();
$(F.wrap).bind('onReset', function () {
content.appendTo('body').hide();
});
}
break;
case 'image':
content = current.tpl.image.replace('{href}', current.href);
current.aspectRatio = true;
break;
case 'swf':
content = current.tpl.swf.replace(/\{width\}/g, current.width).replace(/\{height\}/g, current.height).replace(/\{href\}/g, current.href);
break;
case 'iframe':
content = $(current.tpl.iframe.replace('{rnd}', new Date().getTime()) )
.attr('scrolling', isTouch ? 'auto' : current.scrolling)
.attr('src', current.href);
current.aspectRatio = false;
current.autoWidth = false;
$(F.wrap).bind('onReset', function () {
content.hide().empty();
});
break;
default:
return F._error('type');
}
if (type === 'image' || type === 'swf') {
current.autoHeight = current.autoWidth = false;
current.scrolling = 'visible';
}
if (type === 'iframe' && current.autoHeight) {
F.showLoading();
//This helps iOS
if (isTouch) {
F.inner.css('overflow', 'scroll');
}
content.bind({
onCancel : function() {
$(this).unbind();
if (F.isOpened) {
$('.fancybox-wrap').stop().trigger('onReset').remove();
} else {
F._afterZoomOut();
}
},
load : function() {
F.hideLoading();
F.current.autoHeight = true;
F[ F.isOpen ? '_afterZoomIn' : '_beforeShow']();
}
}).appendTo(F.inner);
} else {
F.inner.append(content);
F._beforeShow();
}
},
_beforeShow : function() {
F.coming = null;
//Give a chance for helpers or callbacks to update elements
F.trigger('beforeShow');
//Set initial dimensions and hide
F._setDimension();
F.wrap.hide().removeClass('fancybox-tmp');
F.bindEvents();
F._preloadImages();
F.transitions[ F.isOpened ? F.current.nextMethod : F.current.openMethod ]();
},
_setDimension: function () {
var viewport = F.getViewport(),
wrap = F.wrap,
inner = F.inner,
current = F.current,
width = current.width,
height = current.height,
minWidth = current.minWidth,
minHeight = current.minHeight,
maxWidth = current.maxWidth,
maxHeight = current.maxHeight,
scrolling = current.scrolling,
scrollOut = current.scrollOutside,
margin = current.margin,
wMargin = margin[1] + margin[3],
hMargin = margin[0] + margin[2],
wPadding,
hPadding,
wSpace,
hSpace,
origWidth,
origHeight,
origMaxWidth,
origMaxHeight,
ratio,
width_,
height_,
maxWidth_,
maxHeight_,
iframe,
body;
//Reset dimensions
$(inner.add(wrap)).width('auto').height('auto');
//This helps IE8 (but breaks iOS)
if (!isTouch && current.type !== 'iframe') {
inner.css('overflow', 'hidden');
}
//Space between wrap and content
wPadding = wrap.width() - inner.width();
hPadding = wrap.height() - inner.height();
//Any space between content and viewport - margin, padding, border, title
wSpace = wMargin + wPadding;
hSpace = hMargin + hPadding;
//Calculations for the content
width = getScalar(isPercentage(width) ? ((viewport.w - wSpace) * parseFloat(width)) / 100 : width);
height = getScalar(isPercentage(height) ? ((viewport.h - wSpace) * parseFloat(height)) / 100 : height);
minWidth = getScalar(isPercentage(minWidth) ? getScalar(minWidth, 'w') - wSpace : minWidth);
maxWidth = getScalar(isPercentage(maxWidth) ? getScalar(maxWidth, 'w') - wSpace : maxWidth);
minHeight = getScalar(isPercentage(minHeight) ? getScalar(minHeight, 'h') - hSpace : minHeight);
maxHeight = getScalar(isPercentage(maxHeight) ? getScalar(maxHeight, 'h') - hSpace : maxHeight);
//These will be used to determine if wrap can fit in the viewport
maxWidth_ = viewport.w - wMargin;
maxHeight_ = viewport.h - hMargin;
origMaxWidth = maxWidth;
origMaxHeight = maxHeight;
if (current.fitToView) {
maxWidth = Math.min(viewport.w - wSpace, maxWidth);
maxHeight = Math.min(viewport.h - hSpace, maxHeight);
}
if (current.type === 'iframe') {
iframe = inner.find('.fancybox-iframe');
if (current.autoHeight) {
try {
if (iframe[0].contentWindow.document.location) {
inner.width(width).height(maxHeight);
body = iframe.contents().find('body');
if (scrollOut) {
body.css('overflow-x', 'hidden');
}
height = body.height();
}
} catch (e) {
current.autoHeight = false;
}
}
} else {
width = current.autoWidth ? getScalar(inner.width()) : width;
height = current.autoHeight ? getScalar(inner.height()) : height;
}
origWidth = width;
origHeight = height;
ratio = origWidth / origHeight;
if (current.aspectRatio) {
if (width > maxWidth) {
width = maxWidth;
height = width / ratio;
}
if (height > maxHeight) {
height = maxHeight;
width = height * ratio;
}
if (width < minWidth) {
width = minWidth;
height = width / ratio;
}
if (height < minHeight) {
height = minHeight;
width = height * ratio;
}
} else {
width = Math.max(minWidth, Math.min(width, maxWidth));
height = Math.max(minHeight, Math.min(height, maxHeight));
}
inner.width(width);
//Try to get rid of horizontal scrolling before they appear
if (scrollOut && scrolling !== 'no' && (body ? (getScalar(body.height()) > height) : getScalar(inner.height()) > height)) {
width += scrollOut;
origWidth += scrollOut;
inner.width(width);
}
inner.height(height);
wrap.width(width + wPadding);
// Real wrap dimensions
width_ = wrap.width();
height_ = wrap.height();
//Try to fit inside viewport (title can wrap to multiple lines)
if (current.fitToView && (width_ > maxWidth_ || height_ > maxHeight_) && width > minWidth && height > minHeight) {
while ((width_ > maxWidth_ || height_ > maxHeight_) && width > minWidth && height > minHeight) {
height = Math.max(minHeight, height - 10);
if (current.aspectRatio) {
width = Math.round(height * ratio);
if (width < minWidth) {
width = minWidth;
height = width / ratio;
}
} else {
width = width - 10;
}
inner.width(width).height(height);
wrap.width(width + wPadding);
width_ = wrap.width();
height_ = wrap.height();
}
}
current.dim = {
width : getValue(width_),
height : getValue(height_)
};
if (isPercentage(current.width) && isPercentage(current.height)) {
current.canShrink = false;
current.canExpand = false;
} else {
current.canShrink = (width_ > maxWidth_ || height_ > maxHeight_) && width > minWidth && height > minHeight;
current.canExpand = current.aspectRatio ? (width < origMaxWidth && height < origMaxHeight && width < origWidth && height < origHeight) : ((width < origMaxWidth || height < origMaxHeight) && (width < origWidth || height < origHeight));
}
F.wSpace = width_ - width;
F.hSpace = height_ - height;
if (!iframe && current.autoHeight && height > minHeight && height < maxHeight) {
inner.height('auto');
}
inner.css('overflow', current.type === 'iframe' && isTouch ? 'scroll' : (scrolling === 'yes' ? 'scroll' : (scrolling === 'no' ? 'hidden' : scrolling)));
},
_getPosition: function (onlyAbsolute) {
var current = F.current,
viewport = F.getViewport(),
margin = current.margin,
width = F.wrap.width() + margin[1] + margin[3],
height = F.wrap.height() + margin[0] + margin[2],
rez = {
position: 'absolute',
top : margin[0] + viewport.y,
left : margin[3] + viewport.x
};
if (current.autoCenter && current.fixed && !onlyAbsolute && height <= viewport.h && width <= viewport.w) {
rez = {
position: 'fixed',
top : margin[0],
left : margin[3]
};
}
rez.top = getValue(Math.max(rez.top, rez.top + ((viewport.h - height) * current.topRatio)));
rez.left = getValue(Math.max(rez.left, rez.left + ((viewport.w - width) * 0.5)));
return rez;
},
_afterZoomIn: function () {
var current = F.current;
if (!current) {
return;
}
F.isOpen = F.isOpened = true;
F.wrap.addClass('fancybox-opened');
F.trigger('afterShow');
F.update(true);
//Assign a click event
if (current.closeClick || current.nextClick) {
F.inner.css('cursor', 'pointer').bind('click.fb', function(e) {
if (!$(e.target).is('a') && !$(e.target).parent().is('a')) {
F[ current.closeClick ? 'close' : 'next' ]();
}
});
}
//Create a close button
if (current.closeBtn) {
$(current.tpl.closeBtn).appendTo(F.skin).bind('click.fb', F.close);
}
//Create navigation arrows
if (current.arrows && F.group.length > 1) {
if (current.loop || current.index > 0) {
$(current.tpl.prev).appendTo(F.outer).bind('click.fb', F.prev);
}
if (current.loop || current.index < F.group.length - 1) {
$(current.tpl.next).appendTo(F.outer).bind('click.fb', F.next);
}
}
if (F.opts.autoPlay && !F.player.isActive) {
F.opts.autoPlay = false;
F.play();
}
},
_afterZoomOut: function () {
var current = F.current;
F.wrap.trigger('onReset').remove();
$.extend(F, {
group : {},
opts : {},
current : null,
isActive : false,
isOpened : false,
isOpen : false,
canSkip : false,
wrap : null,
skin : null,
outer : null,
inner : null
});
F.trigger('afterClose', current);
}
});
/*
* Default transitions
*/
F.transitions = {
getOrigPosition: function () {
var current = F.current,
element = current.element,
padding = current.padding,
orig = $(current.orig),
pos = {},
width = 50,
height = 50,
viewport;
if (!orig.length && current.isDom && $(element).is(':visible')) {
orig = $(element).find('img:first');
if (!orig.length) {
orig = $(element);
}
}
if (orig.length) {
pos = orig.offset();
if (orig.is('img')) {
width = orig.outerWidth();
height = orig.outerHeight();
}
} else {
viewport = F.getViewport();
pos.top = viewport.y + (viewport.h - height) * 0.5;
pos.left = viewport.x + (viewport.w - width) * 0.5;
}
pos = {
top : getValue(pos.top - padding),
left : getValue(pos.left - padding),
width : getValue(width + padding * 2),
height : getValue(height + padding * 2)
};
return pos;
},
step: function (now, fx) {
var prop = fx.prop, ratio, padding2 = F.current.padding * 2;
if (prop === 'width' || prop === 'height') {
ratio = (now - fx.start) / (fx.end - fx.start);
if (fx.start > fx.end) {
ratio = 1 - ratio;
}
F.inner[prop]( Math.ceil(now - padding2 ) - ((F[ prop === 'height' ? 'hSpace' : 'wSpace' ] - padding2) * ratio) );
}
},
zoomIn: function () {
var wrap = F.wrap,
current = F.current,
effect = current.openEffect,
elastic = effect === 'elastic',
dim = current.dim,
startPos = $.extend({}, dim, F._getPosition( elastic )),
endPos = $.extend({opacity : 1}, startPos);
//Remove "position" property that breaks older IE
delete endPos.position;
if (elastic) {
startPos = this.getOrigPosition();
if (current.openOpacity) {
startPos.opacity = 0;
}
F.inner.width('auto').height('auto').css('overflow', 'hidden');
} else if (effect === 'fade') {
startPos.opacity = 0;
}
wrap.css(startPos)
.show()
.animate(endPos, {
duration : effect === 'none' ? 0 : current.openSpeed,
easing : current.openEasing,
step : elastic ? this.step : null,
complete : F._afterZoomIn
});
},
zoomOut: function () {
var wrap = F.wrap,
current = F.current,
effect = current.openEffect,
elastic = effect === 'elastic',
endPos = {opacity : 0};
if (elastic) {
if (wrap.css('position') === 'fixed') {
wrap.css(F._getPosition(true));
}
endPos = this.getOrigPosition();
if (current.closeOpacity) {
endPos.opacity = 0;
}
}
wrap.animate(endPos, {
duration : effect === 'none' ? 0 : current.closeSpeed,
easing : current.closeEasing,
step : elastic ? this.step : null,
complete : F._afterZoomOut
});
},
changeIn: function () {
var wrap = F.wrap,
current = F.current,
effect = current.nextEffect,
elastic = effect === 'elastic',
startPos = F._getPosition( elastic ),
endPos = { opacity : 1 },
direction = F.direction,
distance = 200,
field;
startPos.opacity = 0;
if (elastic) {
field = direction === 'down' || direction === 'up' ? 'top' : 'left';
if (direction === 'down' || direction === 'right') {
startPos[ field ] = getValue(parseInt(startPos[ field ], 10) - distance);
endPos[ field ] = '+=' + distance + 'px';
} else {
startPos[ field ] = getValue(parseInt(startPos[ field ], 10) + distance);
endPos[ field ] = '-=' + distance + 'px';
}
}
wrap.css(startPos)
.show()
.animate(endPos, {
duration : effect === 'none' ? 0 : current.nextSpeed,
easing : current.nextEasing,
complete : function() {
setTimeout(F._afterZoomIn, 10);
}
});
},
changeOut: function () {
var wrap = F.wrap,
current = F.current,
effect = current.prevEffect,
endPos = { opacity : 0 },
direction = F.direction,
distance = 200,
cleanUp = function () {
$(this).trigger('onReset').remove();
};
wrap.removeClass('fancybox-opened');
if (effect === 'elastic') {
endPos[ direction === 'down' || direction === 'up' ? 'top' : 'left' ] = ( direction === 'up' || direction === 'left' ? '-' : '+' ) + '=' + distance + 'px';
}
wrap.animate(endPos, {
duration : effect === 'none' ? 0 : current.prevSpeed,
easing : current.prevEasing,
complete : cleanUp
});
}
};
/*
* Overlay helper
*/
F.helpers.overlay = {
overlay: null,
update: function () {
var width, scrollWidth, offsetWidth;
//Reset width/height so it will not mess
this.overlay.width('100%').height('100%');
if ($.browser.msie || isTouch) {
scrollWidth = Math.max(document.documentElement.scrollWidth, document.body.scrollWidth);
offsetWidth = Math.max(document.documentElement.offsetWidth, document.body.offsetWidth);
width = scrollWidth < offsetWidth ? W.width() : scrollWidth;
} else {
width = D.width();
}
this.overlay.width(width).height(D.height());
},
beforeShow: function (opts) {
if (this.overlay) {
return;
}
opts = $.extend(true, {}, F.defaults.helpers.overlay, opts);
this.overlay = $('
').css(opts.css).appendTo('body');
if (opts.closeClick) {
this.overlay.bind('click.fb', F.close);
}
if (F.current.fixed && !isTouch) {
this.overlay.addClass('overlay-fixed');
} else {
this.update();
this.onUpdate = function () {
this.update();
};
}
this.overlay
.bind('mousewheel', function(e) {
if (F.wrap && F.wrap.height() < W.height()) {
e.preventDefault();
}
})
.fadeTo(opts.speedIn, opts.opacity);
},
afterClose: function (opts) {
if (this.overlay) {
this.overlay.fadeOut(opts.speedOut || 0, function () {
$(this).remove();
});
}
this.overlay = null;
}
};
/*
* Title helper
*/
F.helpers.title = {
beforeShow: function (opts) {
var title, text = F.current.title;
if (text) {
title = $('
' + text + '
').appendTo('body');
if (opts.type === 'float') {
//This helps for some browsers
title.width(title.width());
title.wrapInner('
');
//Increase bottom margin so this title will also fit into viewport
F.current.margin[2] += Math.abs(parseInt(title.css('margin-bottom'), 10));
}
title.appendTo(opts.type === 'over' ? F.inner : (opts.type === 'outside' ? F.wrap : F.skin));
}
}
};
// jQuery plugin initialization
$.fn.fancybox = function (options) {
var that = $(this),
selector = this.selector || '',
index,
run = function(e) {
var what = this, idx = index, relType, relVal;
if (!(e.ctrlKey || e.altKey || e.shiftKey || e.metaKey) && !$(what).is('.fancybox-wrap')) {
relType = options.groupAttr || 'data-fancybox-group';
relVal = $(what).attr(relType);
if (!relVal) {
relType = 'rel';
relVal = what[ relType ];
}
if (relVal && relVal !== '' && relVal !== 'nofollow') {
what = selector.length ? $(selector) : that;
what = what.filter('[' + relType + '="' + relVal + '"]');
idx = what.index(this);
}
options.index = idx;
//Stop an event from bubbling if everything is fine
if (F.open(what, options) !== false) {
e.preventDefault();
}
}
};
options = options || {};
index = options.index || 0;
if (!selector || options.live === false) {
that.unbind('click.fb-start').bind('click.fb-start', run);
} else {
D.undelegate(selector, 'click.fb-start').delegate(selector, 'click.fb-start', run);
}
return this;
};
if (!$.scrollbarWidth) {
// http://benalman.com/projects/jquery-misc-plugins/#scrollbarwidth
$.scrollbarWidth = function() {
var parent, child, width;
parent = $('
').appendTo('body');
child = parent.children();
width = child.innerWidth() - child.height( 99 ).innerWidth();
parent.remove();
return width;
};
}
// Tests that need a body at doc ready
$(document).ready(function() {
F.defaults.scrollOutside = $.scrollbarWidth();
F.defaults.fixed = $.support.fixedPosition || !(($.browser.msie && $.browser.version <= 6) || isTouch);
});
}(window, document, jQuery));