/*
 * 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
*/
(function($) {
    var opts = {}, 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) {
		$("#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);

            }

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

                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 (arr[i].href == el.href) opts.itemNum = i;

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

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

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

        opts.itemNum = n;

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

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

        if (url.match(/youtube\.com\/watch/i)) {
            var vidId = url.split('v=')[1].split('&')[0];
            var vidSrc = "http://www.youtube.com/v/" + vidId + "&hl=en&fs=1&autoplay=1&rel=0";
            var flashvars = {};
            var params = {};
            params.wmode = "transparent";
            params.allowFullScreen = "true";
            params.allowscriptaccess = "always";
            var attributes = {};

            $.fn.fancybox.showItem('<div id="fancy_video">No video available</div>');
            swfobject.embedSWF(vidSrc, "fancy_video", opts.itemArray[n].o.frameWidth, opts.itemArray[n].o.frameHeight, "9.0.0", false, flashvars, params, attributes);
            $("#fancy_loading").hide();

        } 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!');
            }

			$("#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].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() {
        $(document).unbind("keydown");

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

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

        opts.active = false;

		$("#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></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");
        }

        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();

        return [$(window).width(), $(window).height(), 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,
        frameWidth: 600,
        frameHeight: 400,
        overlayOpacity: 0.5,
        itemLoadCallback: null
    };
})(jQuery);

$(document).ready(function() {
    $("a[rel*=fancyvideo]").fancybox({
        frameWidth: 600,
        frameHeight: 360
    });
});