The requested content cannot be loaded.
Please try again later.
',
closeBtn: '").html(content).find(current.selector);
} else if (content instanceof $) {
content = content.show().detach();
if (content.parent().hasClass('fancybox-inner')) {
content.parents('.fancybox-wrap').trigger('onReset').remove();
}
$(F.wrap).bind('onReset', function () {
content.appendTo('body').hide();
});
}
if (current.autoSize) {
loadingBay = $('
').appendTo('body').append(content);
current.width = loadingBay.width();
current.height = loadingBay.height();
// Re-check to fix 1px bug in some browsers
loadingBay.width( F.current.width );
if (loadingBay.height() > current.height) {
loadingBay.width(current.width + 1);
current.width = loadingBay.width();
current.height = loadingBay.height();
}
content = loadingBay.contents().detach();
loadingBay.remove();
}
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;
}
if (type === 'iframe') {
content = $(current.tpl.iframe.replace('{rnd}', new Date().getTime()) ).attr('scrolling', current.scrolling);
current.scrolling = 'auto';
// Set auto height for iframes
if (current.autoSize) {
content.width( current.width );
F.showLoading();
content.data('ready', false).appendTo(F.inner).bind({
onCancel : function() {
$(this).unbind();
F._afterZoomOut();
},
load : function() {
var iframe = $(this), height;
try {
if (this.contentWindow.document.location) {
height = iframe.contents().find('body').height() + 12;
iframe.height( height );
}
} catch (e) {
current.autoSize = false;
}
if (iframe.data('ready') === false) {
F.hideLoading();
if (height) {
F.current.height = height;
}
F._beforeShow();
iframe.data('ready', true);
} else if (height) {
F.update();
}
}
}).attr('src', current.href);
return;
}
content.attr('src', current.href);
} else if (type === 'image' || type === 'swf') {
current.autoSize = false;
current.scrolling = 'visible';
}
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 wrap = F.wrap,
outer = F.outer,
inner = F.inner,
current = F.current,
viewport = F.getViewport(),
margin = current.margin,
padding2 = current.padding * 2,
width = current.width,
height = current.height,
maxWidth = current.maxWidth,
maxHeight = current.maxHeight,
minWidth = current.minWidth,
minHeight = current.minHeight,
ratio,
height_,
space;
viewport.w -= (margin[1] + margin[3]);
viewport.h -= (margin[0] + margin[2]);
if (width.toString().indexOf('%') > -1) {
width = (((viewport.w - padding2) * parseFloat(width)) / 100);
}
if (height.toString().indexOf('%') > -1) {
height = (((viewport.h - padding2) * parseFloat(height)) / 100);
}
ratio = width / height;
width += padding2;
height += padding2;
if (current.fitToView) {
maxWidth = Math.min(viewport.w, maxWidth);
maxHeight = Math.min(viewport.h, maxHeight);
}
if (current.aspectRatio) {
if (width > maxWidth) {
width = maxWidth;
height = ((width - padding2) / ratio) + padding2;
}
if (height > maxHeight) {
height = maxHeight;
width = ((height - padding2) * ratio) + padding2;
}
if (width < minWidth) {
width = minWidth;
height = ((width - padding2) / ratio) + padding2;
}
if (height < minHeight) {
height = minHeight;
width = ((height - padding2) * ratio) + padding2;
}
} else {
width = Math.max(minWidth, Math.min(width, maxWidth));
height = Math.max(minHeight, Math.min(height, maxHeight));
}
width = Math.round(width);
height = Math.round(height);
//Reset dimensions
$(wrap.add(outer).add(inner)).width('auto').height('auto');
inner.width(width - padding2).height(height - padding2);
wrap.width(width);
height_ = wrap.height(); // Real wrap height
//Fit wrapper inside
if (width > maxWidth || height_ > maxHeight) {
while ((width > maxWidth || height_ > maxHeight) && width > minWidth && height_ > minHeight) {
height = height - 10;
if (current.aspectRatio) {
width = Math.round(((height - padding2) * ratio) + padding2);
if (width < minWidth) {
width = minWidth;
height = ((width - padding2) / ratio) + padding2;
}
} else {
width = width - 10;
}
inner.width(width - padding2).height(height - padding2);
wrap.width(width);
height_ = wrap.height();
}
}
current.dim = {
width: width,
height: height_
};
current.canGrow = current.autoSize && height > minHeight && height < maxHeight;
current.canShrink = false;
current.canExpand = false;
if ((width - padding2) < current.width || (height - padding2) < current.height) {
current.canExpand = true;
} else if ((width > viewport.w || height_ > viewport.h) && width > minWidth && height > minHeight) {
current.canShrink = true;
}
space = height_ - padding2;
F.innerSpace = space - inner.height();
F.outerSpace = space - outer.height();
},
_getPosition: function (a) {
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 && (!a || a[0] === false) && height <= viewport.h && width <= viewport.w) {
rez = {
position: 'fixed',
top: margin[0],
left: margin[3]
};
}
rez.top = Math.ceil(Math.max(rez.top, rez.top + ((viewport.h - height) * current.topRatio))) + 'px';
rez.left = Math.ceil(Math.max(rez.left, rez.left + ((viewport.w - width) * 0.5))) + 'px';
return rez;
},
_afterZoomIn: function () {
var current = F.current, scrolling = current ? current.scrolling : 'no';
if (!current) {
return;
}
F.isOpen = F.isOpened = true;
F.wrap.addClass('fancybox-opened').css('overflow', 'visible');
F.update();
F.inner.css('overflow', scrolling === 'yes' ? 'scroll' : (scrolling === 'no' ? 'hidden' : scrolling));
//Assign a click event
if (current.closeClick || current.nextClick) {
//This is not the perfect solution but arrows have to be next to content so their height will match
// and I do not want another wrapper around content
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.outer).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.inner).bind('click.fb', F.prev);
}
if (current.loop || current.index < F.group.length - 1) {
$(current.tpl.next).appendTo(F.inner).bind('click.fb', F.next);
}
}
F.trigger('afterShow');
if (F.opts.autoPlay && !F.player.isActive) {
F.opts.autoPlay = false;
F.play();
}
},
_afterZoomOut: function () {
F.trigger('afterClose');
F.wrap.trigger('onReset').remove();
$.extend(F, {
group: {},
opts: {},
current: null,
isActive: false,
isOpened: false,
isOpen: false,
wrap: null,
outer: null,
inner: null
});
}
});
/*
* 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: Math.ceil(pos.top - padding) + 'px',
left: Math.ceil(pos.left - padding) + 'px',
width: Math.ceil(width + padding * 2) + 'px',
height: Math.ceil(height + padding * 2) + 'px'
};
return pos;
},
step: function (now, fx) {
var ratio, innerValue, outerValue;
if (fx.prop === 'width' || fx.prop === 'height') {
innerValue = outerValue = Math.ceil(now - (F.current.padding * 2));
if (fx.prop === 'height') {
ratio = (now - fx.start) / (fx.end - fx.start);
if (fx.start > fx.end) {
ratio = 1 - ratio;
}
innerValue -= F.innerSpace * ratio;
outerValue -= F.outerSpace * ratio;
}
F.inner[fx.prop](innerValue);
F.outer[fx.prop](outerValue);
}
},
zoomIn: function () {
var wrap = F.wrap,
current = F.current,
startPos,
endPos,
dim = current.dim;
if (current.openEffect === 'elastic') {
endPos = $.extend({}, dim, F._getPosition(true));
//Remove "position" property
delete endPos.position;
startPos = this.getOrigPosition();
if (current.openOpacity) {
startPos.opacity = 0;
endPos.opacity = 1;
}
F.outer.add(F.inner).width('auto').height('auto');
wrap.css(startPos).show();
wrap.animate(endPos, {
duration: current.openSpeed,
easing: current.openEasing,
step: this.step,
complete: F._afterZoomIn
});
} else {
wrap.css($.extend({}, dim, F._getPosition()));
if (current.openEffect === 'fade') {
wrap.fadeIn(current.openSpeed, F._afterZoomIn);
} else {
wrap.show();
F._afterZoomIn();
}
}
},
zoomOut: function () {
var wrap = F.wrap,
current = F.current,
endPos;
if (current.closeEffect === 'elastic') {
if (wrap.css('position') === 'fixed') {
wrap.css(F._getPosition(true));
}
endPos = this.getOrigPosition();
if (current.closeOpacity) {
endPos.opacity = 0;
}
wrap.animate(endPos, {
duration: current.closeSpeed,
easing: current.closeEasing,
step: this.step,
complete: F._afterZoomOut
});
} else {
wrap.fadeOut(current.closeEffect === 'fade' ? current.closeSpeed : 0, F._afterZoomOut);
}
},
changeIn: function () {
var wrap = F.wrap,
current = F.current,
startPos;
if (current.nextEffect === 'elastic') {
startPos = F._getPosition(true);
startPos.opacity = 0;
startPos.top = (parseInt(startPos.top, 10) - 200) + 'px';
wrap.css(startPos).show().animate({
opacity: 1,
top: '+=200px'
}, {
duration: current.nextSpeed,
easing: current.nextEasing,
complete: F._afterZoomIn
});
} else {
wrap.css(F._getPosition());
if (current.nextEffect === 'fade') {
wrap.hide().fadeIn(current.nextSpeed, F._afterZoomIn);
} else {
wrap.show();
F._afterZoomIn();
}
}
},
changeOut: function () {
var wrap = F.wrap,
current = F.current,
cleanUp = function () {
$(this).trigger('onReset').remove();
};
wrap.removeClass('fancybox-opened');
if (current.prevEffect === 'elastic') {
wrap.animate({
'opacity': 0,
top: '+=200px'
}, {
duration: current.prevSpeed,
easing: current.prevEasing,
complete: cleanUp
});
} else {
wrap.fadeOut(current.prevEffect === 'fade' ? current.prevSpeed : 0, 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(0).height(0);
if ($.browser.msie) {
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, {
speedIn : 'fast',
closeClick : true,
opacity : 1,
css : {
background: 'black'
}
}, opts);
this.overlay = $('
').css(opts.css).appendTo('body');
this.update();
if (opts.closeClick) {
this.overlay.bind('click.fb', F.close);
}
W.bind("resize.fb", $.proxy(this.update, this));
this.overlay.fadeTo(opts.speedIn, opts.opacity);
},
onUpdate: function () {
//Update as content may change document dimensions
this.update();
},
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.outer));
}
}
};
// 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)) {
e.preventDefault();
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;
F.open(what, options);
}
};
options = options || {};
index = options.index || 0;
if (selector) {
D.undelegate(selector, 'click.fb-start').delegate(selector, 'click.fb-start', run);
} else {
that.unbind('click.fb-start').bind('click.fb-start', run);
}
return this;
};
}(window, document));