﻿; (function($) { $.fn.fixPNG = function() { return this.each(function() { var b = $(this).css('backgroundImage'); if (b.match(/^url\(["']?(.*\.png)["']?\)$/i)) { b = RegExp.$1; $(this).css({ 'backgroundImage': 'none', 'filter': "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=" + ($(this).css('backgroundRepeat') == 'no-repeat' ? 'crop' : 'scale') + ", src='" + b + "')" }).each(function() { var a = $(this).css('position'); if (a != 'absolute' && a != 'relative') $(this).css('position', 'relative') }) } }) }; var l, opts, busy = false, imagePreloader = new Image, loadingTimer, loadingFrame = 1, imageRegExp = /\.(jpg|gif|png|bmp|jpeg)(.*)?$/i; var m = ($.browser.msie && parseInt($.browser.version.substr(0, 1)) < 8); $.fn.fancybox = function(j) { j = $.extend({}, $.fn.fancybox.defaults, j); var k = this; function _initialize() { l = this; opts = j; _start(); return false }; function _start() { if (busy) return; if ($.isFunction(opts.callbackOnStart)) { opts.callbackOnStart() } opts.itemArray = []; opts.itemCurrent = 0; if (j.itemArray.length > 0) { opts.itemArray = j.itemArray } else { var a = {}; if (!l.rel || l.rel == '') { var a = { href: l.href, title: l.title }; if ($(l).children("img:first").length) { a.orig = $(l).children("img:first") } opts.itemArray.push(a) } else { var b = $(k).filter("a[rel=" + l.rel + "]"); var a = {}; for (var i = 0; i < b.length; i++) { a = { href: b[i].href, title: b[i].title }; if ($(b[i]).children("img:first").length) { a.orig = $(b[i]).children("img:first") } opts.itemArray.push(a) } while (opts.itemArray[opts.itemCurrent].href != l.href) { opts.itemCurrent++ } } } if (opts.overlayShow) { if (m) { $('embed, object, select').css('visibility', 'hidden') } $("#fancy_overlay").css('opacity', opts.overlayOpacity).show() } _change_item() }; function _change_item() { $("#fancy_right, #fancy_left, #fancy_close, #fancy_title").hide(); var b = opts.itemArray[opts.itemCurrent].href; if (b.match(/#/)) { var c = window.location.href.split('#')[0]; c = b.replace(c, ''); c = c.substr(c.indexOf('#')); _set_content('<div id="fancy_div">' + $(c).html() + '</div>', opts.frameWidth, opts.frameHeight) } else if (b.match(imageRegExp)) { imagePreloader = new Image; imagePreloader.src = b; if (imagePreloader.complete) { _proceed_image() } else { $.fn.fancybox.showLoading(); $(imagePreloader).unbind().bind('load', function() { $(".fancy_loading").hide(); _proceed_image() }) } } else if (b.match("iframe") || l.className.indexOf("iframe") >= 0) { _set_content('<iframe id="fancy_frame" onload="$.fn.fancybox.showIframe()" name="fancy_iframe' + Math.round(Math.random() * 1000) + '" frameborder="0" hspace="0" src="' + b + '"></iframe>', opts.frameWidth, opts.frameHeight) } else { $.get(b, function(a) { _set_content('<div id="fancy_ajax">' + a + '</div>', opts.frameWidth, opts.frameHeight) }) } }; function _proceed_image() { if (opts.imageScale) { var w = $.fn.fancybox.getViewport(); var r = Math.min(Math.min(w[0] - 36, imagePreloader.width) / imagePreloader.width, Math.min(w[1] - 60, imagePreloader.height) / imagePreloader.height); var a = Math.round(r * imagePreloader.width); var b = Math.round(r * imagePreloader.height) } else { var a = imagePreloader.width; var b = imagePreloader.height } _set_content('<img alt="" id="fancy_img" src="' + imagePreloader.src + '" />', a, b) }; function _preload_neighbor_images() { if ((opts.itemArray.length - 1) > opts.itemCurrent) { var a = opts.itemArray[opts.itemCurrent + 1].href; if (a.match(imageRegExp)) { objNext = new Image(); objNext.src = a } } if (opts.itemCurrent > 0) { var a = opts.itemArray[opts.itemCurrent - 1].href; if (a.match(imageRegExp)) { objNext = new Image(); objNext.src = a } } }; function _set_content(a, b, c) { busy = true; var d = opts.padding; if (m) { $("#fancy_content")[0].style.removeExpression("height"); $("#fancy_content")[0].style.removeExpression("width") } if (d > 0) { b += d * 2; c += d * 2; $("#fancy_content").css({ 'top': d + 'px', 'right': d + 'px', 'bottom': d + 'px', 'left': d + 'px', 'width': 'auto', 'height': 'auto' }); if (m) { $("#fancy_content")[0].style.setExpression('height', '(this.parentNode.clientHeight - 20)'); $("#fancy_content")[0].style.setExpression('width', '(this.parentNode.clientWidth - 20)') } } else { $("#fancy_content").css({ 'top': 0, 'right': 0, 'bottom': 0, 'left': 0, 'width': '100%', 'height': '100%' }) } if ($("#fancy_outer").is(":visible") && b == $("#fancy_outer").width() && c == $("#fancy_outer").height()) { $("#fancy_content").fadeOut("fast", function() { $("#fancy_content").empty().append($(a)).fadeIn("normal", function() { _finish() }) }); return } var w = $.fn.fancybox.getViewport(); var e = (b + 36) > w[0] ? w[2] : (w[2] + Math.round((w[0] - b - 36) / 2)); var f = (c + 50) > w[1] ? w[3] : (w[3] + Math.round((w[1] - c - 50) / 2)); var g = { 'left': e, 'top': f, 'width': b + 'px', 'height': c + 'px' }; if ($("#fancy_outer").is(":visible")) { $("#fancy_content").fadeOut("normal", function() { $("#fancy_content").empty(); $("#fancy_outer").animate(g, opts.zoomSpeedChange, opts.easingChange, function() { $("#fancy_content").append($(a)).fadeIn("normal", function() { _finish() }) }) }) } else { if (opts.zoomSpeedIn > 0 && opts.itemArray[opts.itemCurrent].orig !== undefined) { $("#fancy_content").empty().append($(a)); var h = opts.itemArray[opts.itemCurrent].orig; var i = $.fn.fancybox.getPosition(h); $("#fancy_outer").css({ 'left': (i.left - 18) + 'px', 'top': (i.top - 18) + 'px', 'width': $(h).width(), 'height': $(h).height() }); if (opts.zoomOpacity) { g.opacity = 'show' } $("#fancy_outer").animate(g, opts.zoomSpeedIn, opts.easingIn, function() { _finish() }) } else { $("#fancy_content").hide().empty().append($(a)).show(); $("#fancy_outer").css(g).fadeIn("normal", function() { _finish() }) } } }; function _set_navigation() { if (opts.itemCurrent != 0) { $("#fancy_left, #fancy_left_ico").unbind().bind("click", function(e) { e.stopPropagation(); opts.itemCurrent--; _change_item(); return false }); $("#fancy_left").show() } if (opts.itemCurrent != (opts.itemArray.length - 1)) { $("#fancy_right, #fancy_right_ico").unbind().bind("click", function(e) { e.stopPropagation(); opts.itemCurrent++; _change_item(); return false }); $("#fancy_right").show() } }; function _finish() { _set_navigation(); _preload_neighbor_images(); $(document).keydown(function(e) { if (e.keyCode == 27) { $.fn.fancybox.close(); $(document).unbind("keydown") } else if (e.keyCode == 37 && opts.itemCurrent != 0) { opts.itemCurrent--; _change_item(); $(document).unbind("keydown") } else if (e.keyCode == 39 && opts.itemCurrent != (opts.itemArray.length - 1)) { opts.itemCurrent++; _change_item(); $(document).unbind("keydown") } }); if (opts.centerOnScroll) { $(window).bind("resize scroll", $.fn.fancybox.scrollBox) } else { $("div#fancy_outer").css("position", "absolute") } if (opts.hideOnContentClick) { $("#fancy_wrap").click($.fn.fancybox.close) } $("#fancy_overlay, #fancy_close").bind("click", $.fn.fancybox.close); $("#fancy_close").show(); if (opts.itemArray[opts.itemCurrent].title !== undefined && opts.itemArray[opts.itemCurrent].title.length > 0) { $('#fancy_title div').html(opts.itemArray[opts.itemCurrent].title); $('#fancy_title').show() } if (opts.overlayShow && m) { $('embed, object, select', $('#fancy_content')).css('visibility', 'visible') } if ($.isFunction(opts.callbackOnShow)) { opts.callbackOnShow() } busy = false }; return this.unbind('click').click(_initialize) }; $.fn.fancybox.scrollBox = function() { var a = $.fn.fancybox.getViewport(); $("#fancy_outer").css('left', (($("#fancy_outer").width() + 36) > a[0] ? a[2] : a[2] + Math.round((a[0] - $("#fancy_outer").width() - 36) / 2))); $("#fancy_outer").css('top', (($("#fancy_outer").height() + 50) > a[1] ? a[3] : a[3] + Math.round((a[1] - $("#fancy_outer").height() - 50) / 2))) }; $.fn.fancybox.getNumeric = function(a, b) { return parseInt($.curCSS(a.jquery ? a[0] : a, b, true)) || 0 }; $.fn.fancybox.getPosition = function(a) { var b = a.offset(); b.top += $.fn.fancybox.getNumeric(a, 'paddingTop'); b.top += $.fn.fancybox.getNumeric(a, 'borderTopWidth'); b.left += $.fn.fancybox.getNumeric(a, 'paddingLeft'); b.left += $.fn.fancybox.getNumeric(a, 'borderLeftWidth'); return b }; $.fn.fancybox.showIframe = function() { $(".fancy_loading").hide(); $("#fancy_frame").show() }; $.fn.fancybox.getViewport = function() { return [$(window).width(), $(window).height(), $(document).scrollLeft(), $(document).scrollTop()] }; $.fn.fancybox.animateLoading = function() { if (!$("#fancy_loading").is(':visible')) { clearInterval(loadingTimer); return } $("#fancy_loading > div").css('top', (loadingFrame * -40) + 'px'); loadingFrame = (loadingFrame + 1) % 12 }; $.fn.fancybox.showLoading = function() { clearInterval(loadingTimer); var a = $.fn.fancybox.getViewport(); $("#fancy_loading").css({ 'left': ((a[0] - 40) / 2 + a[2]), 'top': ((a[1] - 40) / 2 + a[3]) }).show(); $("#fancy_loading").bind('click', $.fn.fancybox.close); loadingTimer = setInterval($.fn.fancybox.animateLoading, 66) }; $.fn.fancybox.close = function() { busy = true; $(imagePreloader).unbind(); $("#fancy_overlay, #fancy_close").unbind(); if (opts.hideOnContentClick) { $("#fancy_wrap").unbind() } $("#fancy_close, .fancy_loading, #fancy_left, #fancy_right, #fancy_title").hide(); if (opts.centerOnScroll) { $(window).unbind("resize scroll") } __cleanup = function() { $("#fancy_overlay, #fancy_outer").hide(); if (opts.centerOnScroll) { $(window).unbind("resize scroll") } if (m) { $('embed, object, select').css('visibility', 'visible') } if ($.isFunction(opts.callbackOnClose)) { opts.callbackOnClose() } busy = false }; if ($("#fancy_outer").is(":visible") !== false) { if (opts.zoomSpeedOut > 0 && opts.itemArray[opts.itemCurrent].orig !== undefined) { var a = opts.itemArray[opts.itemCurrent].orig; var b = $.fn.fancybox.getPosition(a); var c = { 'left': (b.left - 18) + 'px', 'top': (b.top - 18) + 'px', 'width': $(a).width(), 'height': $(a).height() }; if (opts.zoomOpacity) { c.opacity = 'hide' } $("#fancy_outer").stop(false, true).animate(c, opts.zoomSpeedOut, opts.easingOut, __cleanup) } else { $("#fancy_outer").stop(false, true).fadeOut("fast", __cleanup) } } else { __cleanup() } return false }; $.fn.fancybox.build = function() { var a = ''; a += '<div id="fancy_overlay"></div>'; a += '<div id="fancy_wrap">'; a += '<div class="fancy_loading" id="fancy_loading"><div></div></div>'; a += '<div id="fancy_outer">'; a += '<div id="fancy_inner">'; a += '<div id="fancy_close"></div>'; a += '<div id="fancy_bg"><div class="fancy_bg fancy_bg_n"></div><div class="fancy_bg fancy_bg_ne"></div><div class="fancy_bg fancy_bg_e"></div><div class="fancy_bg fancy_bg_se"></div><div class="fancy_bg fancy_bg_s"></div><div class="fancy_bg fancy_bg_sw"></div><div class="fancy_bg fancy_bg_w"></div><div class="fancy_bg fancy_bg_nw"></div></div>'; a += '<a href="javascript:;" id="fancy_left"><span class="fancy_ico" id="fancy_left_ico"></span></a><a href="javascript:;" id="fancy_right"><span class="fancy_ico" id="fancy_right_ico"></span></a>'; a += '<div id="fancy_content"></div>'; a += '<div id="fancy_title"></div>'; a += '</div>'; a += '</div>'; a += '</div>'; $(a).appendTo("body"); $('<table cellspacing="0" cellpadding="0" border="0"><tr><td class="fancy_title" id="fancy_title_left"></td><td class="fancy_title" id="fancy_title_main"><div></div></td><td class="fancy_title" id="fancy_title_right"></td></tr></table>').appendTo('#fancy_title'); if (m) { $("#fancy_inner").prepend('<iframe class="fancy_bigIframe" scrolling="no" frameborder="0"></iframe>'); $("#fancy_close, .fancy_bg, .fancy_title, .fancy_ico").fixPNG() } }; $.fn.fancybox.defaults = { padding: 10, imageScale: true, zoomOpacity: false, zoomSpeedIn: 0, zoomSpeedOut: 0, zoomSpeedChange: 300, easingIn: 'swing', easingOut: 'swing', easingChange: 'swing', frameWidth: 425, frameHeight: 355, overlayShow: true, overlayOpacity: 0.8, hideOnContentClick: true, centerOnScroll: true, itemArray: [], callbackOnStart: null, callbackOnShow: null, callbackOnClose: null }; $(document).ready(function() { $.fn.fancybox.build() }) })(jQuery);