test ảnh................

').html(content).find(current.selector)
} else if (isQuery(content)) {
if (!content.data(placeholder)) {
content.data(placeholder, $('').insertAfter(content).hide())
}
content = content.show().detach();
current.wrap.bind('onReset', function() {
if ($(this).find(content).length) {
content.hide().replaceAll(content.data(placeholder)).data(placeholder, false)
}
})
}
break;
case 'image':
content = current.tpl.image.replace('{href}', href);
break;
case 'swf':
content = '';
break
}
if (!(isQuery(content) && content.parent().is(current.inner))) {
current.inner.append(content)
}
F.trigger('beforeShow');
current.inner.css('overflow', scrolling === 'yes' ? 'scroll' : (scrolling === 'no' ? 'hidden' : scrolling));
F._setDimension();
current.wrap.removeClass('fancybox-tmp');
current.pos = $.extend({}, current.dim, F._getPosition(true));
F.isOpen = false;
F.coming = null;
F.bindEvents();
if (!F.isOpened) {
$('.fancybox-wrap').not(current.wrap).stop(true).trigger('onReset').remove()
} else if (previous.prevMethod) {
F.transitions[previous.prevMethod]()
}
F.transitions[F.isOpened ? current.nextMethod : current.openMethod]();
F._preloadImages()
},
_setDimension: function() {
var viewport = F.getViewport(),
steps = 0,
canShrink = false,
canExpand = false,
wrap = F.wrap,
skin = F.skin,
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 ? current.scrollbarWidth : 0,
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;
wrap.add(skin).add(inner).width('auto').height('auto');
wPadding = skin.outerWidth(true) - skin.width();
hPadding = skin.outerHeight(true) - skin.height();
wSpace = wMargin + wPadding;
hSpace = hMargin + hPadding;
origWidth = isPercentage(width) ? (viewport.w - wSpace) * getScalar(width) / 100 : width;
origHeight = isPercentage(height) ? (viewport.h - hSpace) * getScalar(height) / 100 : height;
if (current.type === 'iframe') {
iframe = current.content;
if (current.autoHeight && iframe.data('ready') === 1) {
try {
if (iframe[0].contentWindow.document.location) {
inner.width(origWidth).height(9999);
body = iframe.contents().find('body');
if (scrollOut) {
body.css('overflow-x', 'hidden')
}
origHeight = body.height()
}
} catch (e) {}
}
} else if (current.autoWidth || current.autoHeight) {
inner.addClass('fancybox-tmp');
if (!current.autoWidth) {
inner.width(origWidth)
}
if (!current.autoHeight) {
inner.height(origHeight)
}
if (current.autoWidth) {
origWidth = inner.width()
}
if (current.autoHeight) {
origHeight = inner.height()
}
inner.removeClass('fancybox-tmp')
}
width = getScalar(origWidth);
height = getScalar(origHeight);
ratio = origWidth / origHeight;
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);
origMaxWidth = maxWidth;
origMaxHeight = maxHeight;
maxWidth_ = viewport.w - wMargin;
maxHeight_ = viewport.h - hMargin;
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))
} if (current.fitToView) {
maxWidth = Math.min(viewport.w - wSpace, maxWidth);
maxHeight = Math.min(viewport.h - hSpace, maxHeight);
inner.width(getScalar(width)).height(getScalar(height));
wrap.width(getScalar(width + wPadding));
width_ = wrap.width();
height_ = wrap.height();
if (current.aspectRatio) {
while ((width_ > maxWidth_ || height_ > maxHeight_) && width > minWidth && height > minHeight) {
if (steps++ > 19) {
break
}
height = Math.max(minHeight, Math.min(maxHeight, height - 10));
width = height * ratio;
if (width < minWidth) {
width = minWidth;
height = width / ratio
}
if (width > maxWidth) {
width = maxWidth;
height = width / ratio
}
inner.width(getScalar(width)).height(getScalar(height));
wrap.width(getScalar(width + wPadding));
width_ = wrap.width();
height_ = wrap.height()
}
} else {
width = Math.max(minWidth, Math.min(width, width - (width_ - maxWidth_)));
height = Math.max(minHeight, Math.min(height, height - (height_ - maxHeight_)))
}
}
if (scrollOut && scrolling === 'auto' && height < origHeight && (width + wPadding + scrollOut) < maxWidth_) {
width += scrollOut
}
inner.width(getScalar(width)).height(getScalar(height));
wrap.width(getScalar(width + wPadding));
width_ = wrap.width();
height_ = wrap.height();
canShrink = (width_ > maxWidth_ || height_ > maxHeight_) && width > minWidth && height > minHeight;
canExpand = current.aspectRatio ? (width < origMaxWidth && height < origMaxHeight && width < origWidth && height < origHeight) : ((width < origMaxWidth || height < origMaxHeight) && (width < origWidth || height < origHeight));
$.extend(current, {
dim: {
width: getValue(width_),
height: getValue(height_)
},
origWidth: origWidth,
origHeight: origHeight,
canShrink: canShrink,
canExpand: canExpand,
wPadding: wPadding,
hPadding: hPadding,
wrapSpace: height_ - skin.outerHeight(true),
skinSpace: skin.height() - height
});
if (!iframe && current.autoHeight && height > minHeight && height < maxHeight && !canExpand) {
inner.height('auto')
}
},
_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],
left: margin[3]
};
if (current.autoCenter && current.fixed && !onlyAbsolute && height <= viewport.h && width <= viewport.w) {
rez.position = 'fixed'
} else if (!current.locked) {
rez.top += viewport.y;
rez.left += viewport.x
}
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) * current.leftRatio)));
return rez
},
_afterZoomIn: function() {
var current = F.current;
if (!current) {
return
}
F.isOpen = F.isOpened = true;
F.wrap.addClass('fancybox-opened').css('overflow', 'visible');
F.reposition();
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']()
}
})
}
if (current.closeBtn) {
$(current.tpl.closeBtn).appendTo(F.skin).bind('click.fb', F.close)
}
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)
}
}
F.trigger('afterShow');
if (!current.loop && current.index === current.group.length - 1) {
F.play(false)
} else if (F.opts.autoPlay && !F.player.isActive) {
F.opts.autoPlay = false;
F.play()
}
},
_afterZoomOut: function() {
var current = F.current;
$('.fancybox-wrap').stop(true).trigger('onReset').remove();
$.extend(F, {
group: {},
opts: {},
router: false,
current: null,
isActive: false,
isOpened: false,
isOpen: false,
isClosing: false,
wrap: null,
skin: null,
outer: null,
inner: null
});
F.trigger('afterClose', current)
}
});
F.transitions = {
getOrigPosition: function() {
var current = F.current,
element = current.element,
orig = current.orig,
pos = {},
width = 50,
height = 50,
hPadding = current.hPadding,
wPadding = current.wPadding,
viewport = F.getViewport();
if (!orig && current.isDom && element.is(':visible')) {
orig = element.find('img:first');
if (!orig.length) {
orig = element
}
}
if (isQuery(orig)) {
pos = orig.offset();
if (orig.is('img')) {
width = orig.outerWidth();
height = orig.outerHeight()
}
} else {
pos.top = viewport.y + (viewport.h - height) * current.topRatio;
pos.left = viewport.x + (viewport.w - width) * current.leftRatio
} if (current.locked) {
pos.top -= viewport.y;
pos.left -= viewport.x
}
pos = {
top: getValue(pos.top - hPadding * current.topRatio),
left: getValue(pos.left - wPadding * current.leftRatio),
width: getValue(width + wPadding),
height: getValue(height + hPadding)
};
return pos
},
step: function(now, fx) {
var ratio, padding, value, prop = fx.prop,
current = F.current,
wrapSpace = current.wrapSpace,
skinSpace = current.skinSpace;
if (prop === 'width' || prop === 'height') {
ratio = fx.end === fx.start ? 1 : (now - fx.start) / (fx.end - fx.start);
if (F.isClosing) {
ratio = 1 - ratio
}
padding = prop === 'width' ? current.wPadding : current.hPadding;
value = now - padding;
F.skin[prop](getScalar(prop === 'width' ? value : value - (wrapSpace * ratio)));
F.inner[prop](getScalar(prop === 'width' ? value : value - (wrapSpace * ratio) - (skinSpace * ratio)))
}
},
zoomIn: function() {
var current = F.current,
startPos = current.pos,
effect = current.openEffect,
elastic = effect === 'elastic',
endPos = $.extend({
opacity: 1
}, startPos);
delete endPos.position;
if (elastic) {
startPos = this.getOrigPosition();
if (current.openOpacity) {
startPos.opacity = 0.1
}
} else if (effect === 'fade') {
startPos.opacity = 0.1
}
F.wrap.css(startPos).animate(endPos, {
duration: effect === 'none' ? 0 : current.openSpeed,
easing: current.openEasing,
step: elastic ? this.step : null,
complete: F._afterZoomIn
})
},
zoomOut: function() {
var current = F.current,
effect = current.closeEffect,
elastic = effect === 'elastic',
endPos = {
opacity: 0.1
};
if (elastic) {
endPos = this.getOrigPosition();
if (current.closeOpacity) {
endPos.opacity = 0.1
}
}
F.wrap.animate(endPos, {
duration: effect === 'none' ? 0 : current.closeSpeed,
easing: current.closeEasing,
step: elastic ? this.step : null,
complete: F._afterZoomOut
})
},
changeIn: function() {
var current = F.current,
effect = current.nextEffect,
startPos = current.pos,
endPos = {
opacity: 1
},
direction = F.direction,
distance = 200,
field;
startPos.opacity = 0.1;
if (effect === 'elastic') {
field = direction === 'down' || direction === 'up' ? 'top' : 'left';
if (direction === 'down' || direction === 'right') {
startPos[field] = getValue(getScalar(startPos[field]) - distance);
endPos[field] = '+=' + distance + 'px'
} else {
startPos[field] = getValue(getScalar(startPos[field]) + distance);
endPos[field] = '-=' + distance + 'px'
}
}
if (effect === 'none') {
F._afterZoomIn()
} else {
F.wrap.css(startPos).animate(endPos, {
duration: current.nextSpeed,
easing: current.nextEasing,
complete: F._afterZoomIn
})
}
},
changeOut: function() {
var previous = F.previous,
effect = previous.prevEffect,
endPos = {
opacity: 0.1
},
direction = F.direction,
distance = 200;
if (effect === 'elastic') {
endPos[direction === 'down' || direction === 'up' ? 'top' : 'left'] = (direction === 'up' || direction === 'left' ? '-' : '+') + '=' + distance + 'px'
}
previous.wrap.animate(endPos, {
duration: effect === 'none' ? 0 : previous.prevSpeed,
easing: previous.prevEasing,
complete: function() {
$(this).trigger('onReset').remove()
}
})
}
};
F.helpers.overlay = {
overlay: null,
update: function() {
var width = '100%',
offsetWidth;
this.overlay.width(width).height('100%');
if ($.browser.msie) {
offsetWidth = Math.max(document.documentElement.offsetWidth, document.body.offsetWidth);
if (D.width() > offsetWidth) {
width = D.width()
}
} else if (D.width() > W.width()) {
width = D.width()
}
this.overlay.width(width).height(D.height())
},
onReady: function(opts, obj) {
$('.fancybox-overlay').stop(true, true);
if (!this.overlay) {
$.extend(this, {
overlay: $('').appendTo(obj.parent),
margin: D.height() > W.height() || $('body').css('overflow-y') === 'scroll' ? $('body').css('margin-right') : false,
el: document.all && !document.querySelector ? $('html') : $('body')
})
}
if (obj.fixed && !isTouch) {
this.overlay.addClass('fancybox-overlay-fixed');
if (obj.autoCenter) {
this.overlay.append(obj.wrap);
obj.locked = this.overlay
}
}
if (opts.showEarly === true) {
this.beforeShow.apply(this, arguments)
}
},
beforeShow: function(opts, obj) {
var overlay = this.overlay.unbind('.fb').width('auto').height('auto').css(opts.css);
if (opts.closeClick) {
overlay.bind('click.fb', function(e) {
if ($(e.target).hasClass('fancybox-overlay')) {
F.close()
}
})
}
if (obj.fixed && !isTouch) {
if (obj.locked) {
this.el.addClass('fancybox-lock');
if (this.margin !== false) {
$('body').css('margin-right', getScalar(this.margin) + obj.scrollbarWidth)
}
}
} else {
this.update()
}
overlay.show()
},
onUpdate: function(opts, obj) {
if (!obj.fixed || isTouch) {
this.update()
}
},
afterClose: function(opts) {
var that = this,
speed = opts.speedOut || 0;
if (that.overlay && !F.isActive) {
that.overlay.fadeOut(speed || 0, function() {
$('body').css('margin-right', that.margin);
that.el.removeClass('fancybox-lock');
that.overlay.remove();
that.overlay = null
})
}
}
};
F.helpers.title = {
beforeShow: function(opts) {
var text = F.current.title,
type = opts.type,
title, target;
if (!isString(text) || $.trim(text) === '') {
return
}
title = $('');
switch (type) {
case 'inside':
target = F.skin;
break;
case 'outside':
target = F.wrap;
break;
case 'over':
target = F.inner;
break;
default:
target = F.skin;
title.appendTo('body').width(title.width()).wrapInner('');
F.current.margin[2] += Math.abs(getScalar(title.css('margin-bottom')));
break
}
if (opts.position === 'top') {
title.prependTo(target)
} else {
title.appendTo(target)
}
}
};
$.fn.fancybox = function(options) {
var index, that = $(this),
selector = this.selector || '',
run = function(e) {
var what = $(this).blur(),
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.get(0)[relType]
}
if (relVal && relVal !== '' && relVal !== 'nofollow') {
what = selector.length ? $(selector) : that;
what = what.filter('[' + relType + '="' + relVal + '"]');
idx = what.index(this)
}
options.index = idx;
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 + ":not('.fancybox-item, .fancybox-nav')", 'click.fb-start', run)
}
return this
};
D.ready(function() {
if ($.scrollbarWidth === undefined) {
$.scrollbarWidth = function() {
var parent = $('