/* * FancyBox - jQuery Plugin * Simple and fancy lightbox alternative * * Examples and documentation at: http://fancybox.net * * Copyright (c) 2008 - 2010 Janis Skarnelis * * Version: 1.3.1 (05/03/2010) * Requires: jQuery v1.3+ * * Dual licensed under the MIT and GPL licenses: * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html */ (function($) { var tmp, loading, overlay, wrap, outer, inner, close, nav_left, nav_right, selectedIndex = 0, selectedOpts = {}, selectedArray = [], currentIndex = 0, currentOpts = {}, currentArray = [], ajaxLoader = null, imgPreloader = new Image(), imgRegExp = /\.(jpg|gif|png|bmp|jpeg)(.*)?$/i, swfRegExp = /[^\.]\.(swf)\s*$/i, loadingTimer, loadingFrame = 1, start_pos, final_pos, busy = false, shadow = 20, fx = $.extend($('
')[0], { prop: 0 }), titleh = 0, isIE6 = !$.support.opacity && !window.XMLHttpRequest, /* * Private methods */ fancybox_abort = function() { loading.hide(); imgPreloader.onerror = imgPreloader.onload = null; if (ajaxLoader) { ajaxLoader.abort(); } tmp.empty(); }, fancybox_error = function() { $.fancybox('The requested content cannot be loaded. Please try again later.
', { 'scrolling' : 'no', 'padding' : 20, 'transitionIn' : 'none', 'transitionOut' : 'none' }); }, fancybox_get_viewport = function() { return [ $(window).width(), $(window).height(), $(document).scrollLeft(), $(document).scrollTop() ]; }, fancybox_get_zoom_to = function () { var view = fancybox_get_viewport(), to = {}, margin = currentOpts.margin, resize = currentOpts.autoScale, horizontal_space = (shadow + margin) * 2, vertical_space = (shadow + margin) * 2, double_padding = (currentOpts.padding * 2), ratio; if (currentOpts.width.toString().indexOf('%') > -1) { to.width = ((view[0] * parseFloat(currentOpts.width)) / 100) - (shadow * 2) ; resize = false; } else { to.width = currentOpts.width + double_padding; } if (currentOpts.height.toString().indexOf('%') > -1) { to.height = ((view[1] * parseFloat(currentOpts.height)) / 100) - (shadow * 2); resize = false; } else { to.height = currentOpts.height + double_padding; } if (resize && (to.width > (view[0] - horizontal_space) || to.height > (view[1] - vertical_space))) { if (selectedOpts.type == 'image' || selectedOpts.type == 'swf') { horizontal_space += double_padding; vertical_space += double_padding; ratio = Math.min(Math.min( view[0] - horizontal_space, currentOpts.width) / currentOpts.width, Math.min( view[1] - vertical_space, currentOpts.height) / currentOpts.height); to.width = Math.round(ratio * (to.width - double_padding)) + double_padding; to.height = Math.round(ratio * (to.height - double_padding)) + double_padding; } else { to.width = Math.min(to.width, (view[0] - horizontal_space)); to.height = Math.min(to.height, (view[1] - vertical_space)); } } to.top = view[3] + ((view[1] - (to.height + (shadow * 2 ))) * 0.5); to.left = view[2] + ((view[0] - (to.width + (shadow * 2 ))) * 0.5); if (currentOpts.autoScale === false) { to.top = Math.max(view[3] + margin, to.top); to.left = Math.max(view[2] + margin, to.left); } return to; }, fancybox_format_title = function(title) { if (title && title.length) { switch (currentOpts.titlePosition) { case 'inside': return title; case 'over': return '' + title + ''; default: return '' + title + ''; } } return false; }, fancybox_process_title = function() { var title = currentOpts.title, width = final_pos.width - (currentOpts.padding * 2), titlec = 'fancybox-title-' + currentOpts.titlePosition; $('#fancybox-title').remove(); titleh = 0; if (currentOpts.titleShow === false) { return; } title = $.isFunction(currentOpts.titleFormat) ? currentOpts.titleFormat(title, currentArray, currentIndex, currentOpts) : fancybox_format_title(title); if (!title || title === '') { return; } $('').css({ 'width' : width, 'paddingLeft' : currentOpts.padding, 'paddingRight' : currentOpts.padding }).html(title).appendTo('body'); switch (currentOpts.titlePosition) { case 'inside': titleh = $("#fancybox-title").outerHeight(true) - currentOpts.padding; final_pos.height += titleh; break; case 'over': $('#fancybox-title').css('bottom', currentOpts.padding); break; default: $('#fancybox-title').css('bottom', $("#fancybox-title").outerHeight(true) * -1); break; } $('#fancybox-title').appendTo( outer ).hide(); }, fancybox_set_navigation = function() { $(document).unbind('keydown.fb').bind('keydown.fb', function(e) { if (e.keyCode == 27 && currentOpts.enableEscapeButton) { e.preventDefault(); $.fancybox.close(); } else if (e.keyCode == 37) { e.preventDefault(); $.fancybox.prev(); } else if (e.keyCode == 39) { e.preventDefault(); $.fancybox.next(); } }); if ($.fn.mousewheel) { wrap.unbind('mousewheel.fb'); if (currentArray.length > 1) { wrap.bind('mousewheel.fb', function(e, delta) { e.preventDefault(); if (busy || delta === 0) { return; } if (delta > 0) { $.fancybox.prev(); } else { $.fancybox.next(); } }); } } if (!currentOpts.showNavArrows) { return; } if ((currentOpts.cyclic && currentArray.length > 1) || currentIndex !== 0) { nav_left.show(); } if ((currentOpts.cyclic && currentArray.length > 1) || currentIndex != (currentArray.length -1)) { nav_right.show(); } }, fancybox_preload_images = function() { var href, objNext; if ((currentArray.length -1) > currentIndex) { href = currentArray[ currentIndex + 1 ].href; if (typeof href !== 'undefined' && href.match(imgRegExp)) { objNext = new Image(); objNext.src = href; } } if (currentIndex > 0) { href = currentArray[ currentIndex - 1 ].href; if (typeof href !== 'undefined' && href.match(imgRegExp)) { objNext = new Image(); objNext.src = href; } } }, _finish = function () { inner.css('overflow', (currentOpts.scrolling == 'auto' ? (currentOpts.type == 'image' || currentOpts.type == 'iframe' || currentOpts.type == 'swf' ? 'hidden' : 'auto') : (currentOpts.scrolling == 'yes' ? 'auto' : 'visible'))); if (!$.support.opacity) { inner.get(0).style.removeAttribute('filter'); wrap.get(0).style.removeAttribute('filter'); } $('#fancybox-title').show(); if (currentOpts.hideOnContentClick) { inner.one('click', $.fancybox.close); } if (currentOpts.hideOnOverlayClick) { overlay.one('click', $.fancybox.close); } if (currentOpts.showCloseButton) { close.show(); } fancybox_set_navigation(); $(window).bind("resize.fb", $.fancybox.center); if (currentOpts.centerOnScroll) { $(window).bind("scroll.fb", $.fancybox.center); } else { $(window).unbind("scroll.fb"); } if ($.isFunction(currentOpts.onComplete)) { currentOpts.onComplete(currentArray, currentIndex, currentOpts); } busy = false; fancybox_preload_images(); }, fancybox_draw = function(pos) { var width = Math.round(start_pos.width + (final_pos.width - start_pos.width) * pos), height = Math.round(start_pos.height + (final_pos.height - start_pos.height) * pos), top = Math.round(start_pos.top + (final_pos.top - start_pos.top) * pos), left = Math.round(start_pos.left + (final_pos.left - start_pos.left) * pos); wrap.css({ 'width' : width + 'px', 'height' : height + 'px', 'top' : top + 'px', 'left' : left + 'px' }); width = Math.max(width - currentOpts.padding * 2, 0); height = Math.max(height - (currentOpts.padding * 2 + (titleh * pos)), 0); inner.css({ 'width' : width + 'px', 'height' : height + 'px' }); if (typeof final_pos.opacity !== 'undefined') { wrap.css('opacity', (pos < 0.5 ? 0.5 : pos)); } }, fancybox_get_obj_pos = function(obj) { var pos = obj.offset(); pos.top += parseFloat( obj.css('paddingTop') ) || 0; pos.left += parseFloat( obj.css('paddingLeft') ) || 0; pos.top += parseFloat( obj.css('border-top-width') ) || 0; pos.left += parseFloat( obj.css('border-left-width') ) || 0; pos.width = obj.width(); pos.height = obj.height(); return pos; }, fancybox_get_zoom_from = function() { var orig = selectedOpts.orig ? $(selectedOpts.orig) : false, from = {}, pos, view; if (orig && orig.length) { pos = fancybox_get_obj_pos(orig); from = { width : (pos.width + (currentOpts.padding * 2)), height : (pos.height + (currentOpts.padding * 2)), top : (pos.top - currentOpts.padding - shadow), left : (pos.left - currentOpts.padding - shadow) }; } else { view = fancybox_get_viewport(); from = { width : 1, height : 1, top : view[3] + view[1] * 0.5, left : view[2] + view[0] * 0.5 }; } return from; }, fancybox_show = function() { loading.hide(); if (wrap.is(":visible") && $.isFunction(currentOpts.onCleanup)) { if (currentOpts.onCleanup(currentArray, currentIndex, currentOpts) === false) { $.event.trigger('fancybox-cancel'); busy = false; return; } } currentArray = selectedArray; currentIndex = selectedIndex; currentOpts = selectedOpts; inner.get(0).scrollTop = 0; inner.get(0).scrollLeft = 0; if (currentOpts.overlayShow) { if (isIE6) { $('select:not(#fancybox-tmp select)').filter(function() { return this.style.visibility !== 'hidden'; }).css({'visibility':'hidden'}).one('fancybox-cleanup', function() { this.style.visibility = 'inherit'; }); } overlay.css({ 'background-color' : currentOpts.overlayColor, 'opacity' : currentOpts.overlayOpacity }).unbind().show(); } final_pos = fancybox_get_zoom_to(); fancybox_process_title(); if (wrap.is(":visible")) { $( close.add( nav_left ).add( nav_right ) ).hide(); var pos = wrap.position(), equal; start_pos = { top : pos.top , left : pos.left, width : wrap.width(), height : wrap.height() }; equal = (start_pos.width == final_pos.width && start_pos.height == final_pos.height); inner.fadeOut(currentOpts.changeFade, function() { var finish_resizing = function() { inner.html( tmp.contents() ).fadeIn(currentOpts.changeFade, _finish); }; $.event.trigger('fancybox-change'); inner.empty().css('overflow', 'hidden'); if (equal) { inner.css({ top : currentOpts.padding, left : currentOpts.padding, width : Math.max(final_pos.width - (currentOpts.padding * 2), 1), height : Math.max(final_pos.height - (currentOpts.padding * 2) - titleh, 1) }); finish_resizing(); } else { inner.css({ top : currentOpts.padding, left : currentOpts.padding, width : Math.max(start_pos.width - (currentOpts.padding * 2), 1), height : Math.max(start_pos.height - (currentOpts.padding * 2), 1) }); fx.prop = 0; $(fx).animate({ prop: 1 }, { duration : currentOpts.changeSpeed, easing : currentOpts.easingChange, step : fancybox_draw, complete : finish_resizing }); } }); return; } wrap.css('opacity', 1); if (currentOpts.transitionIn == 'elastic') { start_pos = fancybox_get_zoom_from(); inner.css({ top : currentOpts.padding, left : currentOpts.padding, width : Math.max(start_pos.width - (currentOpts.padding * 2), 1), height : Math.max(start_pos.height - (currentOpts.padding * 2), 1) }) .html( tmp.contents() ); wrap.css(start_pos).show(); if (currentOpts.opacity) { final_pos.opacity = 0; } fx.prop = 0; $(fx).animate({ prop: 1 }, { duration : currentOpts.speedIn, easing : currentOpts.easingIn, step : fancybox_draw, complete : _finish }); } else { inner.css({ top : currentOpts.padding, left : currentOpts.padding, width : Math.max(final_pos.width - (currentOpts.padding * 2), 1), height : Math.max(final_pos.height - (currentOpts.padding * 2) - titleh, 1) }) .html( tmp.contents() ); wrap.css( final_pos ).fadeIn( currentOpts.transitionIn == 'none' ? 0 : currentOpts.speedIn, _finish ); } }, fancybox_process_inline = function() { tmp.width( selectedOpts.width ); tmp.height( selectedOpts.height ); if (selectedOpts.width == 'auto') { selectedOpts.width = tmp.width(); } if (selectedOpts.height == 'auto') { selectedOpts.height = tmp.height(); } fancybox_show(); }, fancybox_process_image = function() { busy = true; selectedOpts.width = imgPreloader.width; selectedOpts.height = imgPreloader.height; $("