FancyBox - simple jQuery plugin for fancy image zooming
 * Examples and documentation at: http://fancy.klade.lv/
 * Version: 1.0.0 (29/04/2008)
 * Copyright (c) 2008 Janis Skarnelis
 * Licensed under the MIT License: http://www.opensource.org/licenses/mit-license.php
 * Requires: jQuery v1.2.1 or later
 *
 * Modified by Dmitry Chestnykh
*/
(function($) {
        var opts = {}, 
                imgPreloader = new Image, imgTypes = ['png', 'jpg', 'jpeg', 'gif'], 
                loadingTimer, loadingFrame = 1;

   $.fn.fancybox = function(settings) {
                opts.settings = $.extend({}, $.fn.fancybox.defaults, settings);

                $.fn.fancybox.init();

                return this.each(function() {
                        var $this = $(this);
                        var o = $.metadata ? $.extend({}, opts.settings, $this.metadata()) : opts.settings;

                        $this.unbind('click').click(function() {
                                $.fn.fancybox.start(this, o); return false;
                        });
                });
        };

        $.fn.fancybox.start = function(el, o) {
                if (opts.animating) return false;

                if (o.overlayShow) {
                        $("#fancy_wrap").prepend('<div id="fancy_overlay"></div>');
                        $("#fancy_overlay").css({'width': $(window).width(), 'height': $(document).height(), 'opacity': o.overlayOpacity});

                        if ($.browser.msie) {
                                $("#fancy_wrap").prepend('<iframe id="fancy_bigIframe" scrolling="no" frameborder="0"></iframe>');
                                $("#fancy_bigIframe").css({'width': $(window).width(), 'height': $(document).height(), 'opacity': 0});
                        }

                        $("#fancy_overlay").click($.fn.fancybox.close);
                }

                opts.itemArray  = [];
                opts.itemNum    = 0;

                if (jQuery.isFunction(o.itemLoadCallback)) {
                   o.itemLoadCallback.apply(this, [opts]);

                        var c   = $(el).children("img:first").length ? $(el).children("img:first") : $(el);
                        var tmp = {'width': c.width(), 'height': c.height(), 'pos': $.fn.fancybox.getPosition(c)}

                   for (var i = 0; i < opts.itemArray.length; i++) {
                                opts.itemArray[i].o = $.extend({}, o, opts.itemArray[i].o);
                                
                                if (o.zoomSpeedIn > 0 || o.zoomSpeedOut > 0) {
                                        opts.itemArray[i].orig = tmp;
                                }
                   }

                } else {
                        if (!el.rel || el.rel == '') {
                                var item = {url: el.href, title: el.title, o: o};

                                if (o.zoomSpeedIn > 0 || o.zoomSpeedOut > 0) {
                                        var c = $(el).children("img:first").length ? $(el).children("img:first") : $(el);
                                        item.orig = {'width': c.width(), 'height': c.height(), 'pos': $.fn.fancybox.getPosition(c)}
                                }

                                opts.itemArray.push(item);

                        } else {
                                var arr = $("a[@rel=" + el.rel + "]").get();

                                for (var i = 0; i < arr.length; i++) {
                                        var tmp         = $.metadata ? $.extend({}, o, $(arr[i]).metadata()) : o;
                                        var item        = {url: arr[i].href, title: arr[i].title, o: tmp};

                                        if (o.zoomSpeedIn > 0 || o.zoomSpeedOut > 0) {
                                                var c = $(arr[i]).children("img:first").length ? $(arr[i]).children("img:first") : $(el);

                                                item.orig = {'width': c.width(), 'height': c.height(), 'pos': $.fn.fancybox.getPosition(c)}
                                        }

                                        if (arr[i].href == el.href) opts.itemNum = i;

                                        opts.itemArray.push(item);
                                }
                        }
                }

                $.fn.fancybox.changeItem(opts.itemNum);
        };

        $.fn.fancybox.loadImage = function(n) {
                $("#fancy_loading").hide();

                opts.itemArray[n].o.frameWidth  = imgPreloader.width;
                opts.itemArray[n].o.frameHeight = imgPreloader.height;

                $.fn.fancybox.showItem('<img id="fancy_img" src="' + imgPreloader.src + '" />');
        };

        $.fn.fancybox.changeItem = function(n) {
                $.fn.fancybox.showLoading();

                opts.itemNum = n;

                $("#fancy_nav").empty();
                $("#fancy_outer").stop();
                $("#fancy_title").hide();
                $(document).unbind("keydown");

                imgRegExp = imgTypes.join('|');
        imgRegExp = new RegExp('\.' + imgRegExp + '$', 'i');

                var url = opts.itemArray[n].url;

                if (url.match(/#/)) {
                        var target = window.location.href.split('#')[0]; target = url.replace(target,'');

                $.fn.fancybox.showItem('<div id="fancy_div">' + $(target).html() + '</div>');

                $("#fancy_loading").hide();

                } else if (url.match(imgRegExp)) {
                        $(imgPreloader).unbind('load').bind('load', function() {
                                $.fn.fancybox.loadImage(n);
                        }).attr('src', url);
                        if (!$.browser.msie && imgPreloader.complete) {
                                $.fn.fancybox.loadImage(n);
                                $(imgPreloader).unbind('load');         
                        }
                } else {
                        $.fn.fancybox.showItem('<iframe id="fancy_frame" onload="$.fn.fancybox.showIframe()" name="fancy_iframe' + Math.round(Math.random()*1000) + '" frameborder="0" hspace="0" src="' + url + '"></iframe>');
                }
        };

        $.fn.fancybox.showIframe = function() {
                $("#fancy_loading").hide();
                $("#fancy_frame").show();
        };

        $.fn.fancybox.showItem = function(val) {
                $.fn.fancybox.preloadNeighborImages();

                var viewportPos = $.fn.fancybox.getViewport();
                var itemSize    = $.fn.fancybox.getMaxSize(viewportPos[0] - 50, viewportPos[1] - 100, opts.itemArray[opts.itemNum].o.frameWidth, opts.itemArray[opts.itemNum].o.frameHeight);

                var itemLeft    = viewportPos[2] + Math.round((viewportPos[0] - itemSize[0]) / 2) - 20;
                var itemTop             = viewportPos[3] + Math.round((viewportPos[1] - itemSize[1]) / 2) - 40;

                var itemOpts = {
                        'left':         itemLeft, 
                        'top':          itemTop, 
                        'width':        itemSize[0] + 'px', 
                        'height':       itemSize[1] + 'px'      
                }

                if (opts.active) {
                        $('#fancy_content').fadeOut("normal", function() {
                                $("#fancy_content").empty();
                                
                                $("#fancy_outer").animate(itemOpts, "normal", function() {
                                        $("#fancy_content").append($(val)).fadeIn("normal");
                                        $.fn.fancybox.updateDetails();
                                });
                        });

                } else {
                        opts.active = true;

                        $("#fancy_content").empty();

                        if ($("#fancy_content").is(":animated")) {
                                console.info('animated!');
                        }

                        if (opts.itemArray[opts.itemNum].o.zoomSpeedIn > 0) {
                                opts.animating          = true;
                                itemOpts.opacity        = "show";

                                $("#fancy_outer").css({
                                        'top':          opts.itemArray[opts.itemNum].orig.pos.top - 18,
                                        'left':         opts.itemArray[opts.itemNum].orig.pos.left - 18,
                                        'height':       opts.itemArray[opts.itemNum].orig.height,
                                        'width':        opts.itemArray[opts.itemNum].orig.width
                                });

                                $("#fancy_content").append($(val)).show();

                                $("#fancy_outer").animate(itemOpts, opts.itemArray[opts.itemNum].o.zoomSpeedIn, function() {
                                        opts.animating = false;
                                        $.fn.fancybox.updateDetails();
                                });

                        } else {
                                $("#fancy_content").append($(val)).show();
                                $("#fancy_outer").css(itemOpts).show();
                                $.fn.fancybox.updateDetails();
                        }
                 }
        };

        $.fn.fancybox.updateDetails = function() {
                $("#fancy_bg,#fancy_close").show();

                if (opts.itemArray[opts.itemNum].title !== undefined && opts.itemArray[opts.itemNum].title !== '') {
                        $('#fancy_title div').html(opts.itemArray[opts.itemNum].title);
                        $('#fancy_title').show();
                }

                if (opts.itemArray[opts.itemNum].o.hideOnContentClick) {
                        $("#fancy_content").click($.fn.fancybox.close);
                } else {
                        $("#fancy_content").unbind('click');
                }

                if (opts.itemNum != 0) {
                        $("#fancy_nav").append('<a id="fancy_left" href="javascript:;"></a>');

                        $('#fancy_left').click(function() {
                                $.fn.fancybox.changeItem(opts.itemNum - 1); return false;
                        });
                }

                if (opts.itemNum != (opts.itemArray.length - 1)) {
                        $("#fancy_nav").append('<a id="fancy_right" href="javascript:;"></a>');
                        
                        $('#fancy_right').click(function(){
                                $.fn.fancybox.changeItem(opts.itemNum + 1); return false;
                        });
                }

                $(document).keydown(function(event) {
                        if (event.keyCode == 27) {
                $.fn.fancybox.close();

                        } else if(event.keyCode == 37 && opts.itemNum != 0) {
                $.fn.fancybox.changeItem(opts.itemNum - 1);

                        } else if(event.keyCode == 39 && opts.itemNum != (opts.itemArray.length - 1)) {
                $.fn.fancybox.changeItem(opts.itemNum + 1);
                        }
                });
        };

        $.fn.fancybox.preloadNeighborImages = function() {
                if ((opts.itemArray.length - 1) > opts.itemNum) {
                        preloadNextImage = new Image();
                        preloadNextImage.src = opts.itemArray[opts.itemNum + 1].url;
                }

                if (opts.itemNum > 0) {
                        preloadPrevImage = new Image();
                        preloadPrevImage.src = opts.itemArray[opts.itemNum - 1].url;
                }
        };

        $.fn.fancybox.close = function() {
                if (opts.animating) return false;

                $(imgPreloader).unbind('load');
                $(document).unbind("keydown");

                $("#fancy_loading,#fancy_title,#fancy_close,#fancy_bg").hide();

                $("#fancy_nav").empty();

                opts.active     = false;

                if (opts.itemArray[opts.itemNum].o.zoomSpeedOut > 0) {
                        var itemOpts = {
                                'top':          opts.itemArray[opts.itemNum].orig.pos.top - 18,
                                'left':         opts.itemArray[opts.itemNum].orig.pos.left - 18,
                                'height':       opts.itemArray[opts.itemNum].orig.height,
                                'width':        opts.itemArray[opts.itemNum].orig.width,
                                'opacity':      'hide'
                        };

                        opts.animating = true;

                        $("#fancy_outer").animate(itemOpts, opts.itemArray[opts.itemNum].o.zoomSpeedOut, function() {
                                $("#fancy_content").hide().empty();
                                $("#fancy_overlay,#fancy_bigIframe").remove();
                                opts.animating = false;
                        });

                } else {
                        $("#fancy_outer").hide();
                        $("#fancy_content").hide().empty();
                        $("#fancy_overlay,#fancy_bigIframe").fadeOut("fast").remove();
                }
        };

        $.fn.fancybox.showLoading = function() {
                clearInterval(loadingTimer);

                var pos = $.fn.fancybox.getViewport();

                $("#fancy_loading").css({'left': ((pos[0] - 40) / 2 + pos[2]), 'top': ((pos[1] - 40) / 2 + pos[3])}).show();
                $("#fancy_loading").bind('click', $.fn.fancybox.close);
                
                loadingTimer = setInterval($.fn.fancybox.animateLoading, 66);
        };

        $.fn.fancybox.animateLoading = function(el, o) {
                if (!$("#fancy_loading").is(':visible')){
                        clearInterval(loadingTimer);
                        return;
                }

                $("#fancy_loading > div").css('top', (loadingFrame * -40) + 'px');

                loadingFrame = (loadingFrame + 1) % 12;
        };

        $.fn.fancybox.init = function() {
                if (!$('#fancy_wrap').length) {
                        $('<div id="fancy_wrap"><div id="fancy_loading"><div></div></div><div id="fancy_outer"><div id="fancy_inner"><div id="fancy_nav"></div><div id="fancy_close"></div><div id="fancy_content"></div><div id="fancy_title"></div></div></div></div>').appendTo("body");
                        $('<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>').prependTo("#fancy_inner");
                        
                        $('<table cellspacing="0" cellpadding="0" border="0"><tr><td id="fancy_title_left"></td><td id="fancy_title_main"><div></div></td><td id="fancy_title_right"></td></tr></table>').appendTo('#fancy_title');
                }

                if ($.browser.msie) {
                        $("#fancy_inner").prepend('<iframe id="fancy_freeIframe" scrolling="no" frameborder="0"></iframe>');
                }

                if (jQuery.fn.pngFix) $(document).pngFix();

        $("#fancy_close").click($.fn.fancybox.close);
        };

        $.fn.fancybox.getPosition = function(el) {
                var pos = el.offset();

                pos.top += $.fn.fancybox.num(el, 'paddingTop');
                pos.top += $.fn.fancybox.num(el, 'borderTopWidth');

                pos.left += $.fn.fancybox.num(el, 'paddingLeft');
                pos.left += $.fn.fancybox.num(el, 'borderLeftWidth');

                return pos;
        };

        $.fn.fancybox.num = function (el, prop) {
                return parseInt($.curCSS(el.jquery?el[0]:el,prop,true))||0;
        };

        $.fn.fancybox.getPageScroll = function() {
                var xScroll, yScroll;

                if (self.pageYOffset) {
                        yScroll = self.pageYOffset;
                        xScroll = self.pageXOffset;
                } else if (document.documentElement && document.documentElement.scrollTop) {
                        yScroll = document.documentElement.scrollTop;
                        xScroll = document.documentElement.scrollLeft;
                } else if (document.body) {
                        yScroll = document.body.scrollTop;
                        xScroll = document.body.scrollLeft;     
                }

                return [xScroll, yScroll]; 
        };

        $.fn.fancybox.getViewport = function() {
                var scroll = $.fn.fancybox.getPageScroll();
                var h = $.browser.opera && $.browser.version > "9.5" && $.fn.jquery <= "1.2.6" ? document.documentElement["clientHeight"] : $(window).height();
                return [$(window).width(), h, scroll[0], scroll[1]];
        };

        $.fn.fancybox.getMaxSize = function(maxWidth, maxHeight, imageWidth, imageHeight) {
                var r = Math.min(Math.min(maxWidth, imageWidth) / imageWidth, Math.min(maxHeight, imageHeight) / imageHeight);

                return [Math.round(r * imageWidth), Math.round(r * imageHeight)];
        };

        $.fn.fancybox.defaults = {
                hideOnContentClick:     false,
                zoomSpeedIn:            500,
                zoomSpeedOut:           500,
                frameWidth:                     600,
                frameHeight:            400,
                overlayShow:            false,
                overlayOpacity:         0.4,
                itemLoadCallback:       null
        };
})(jQuery);