/** Inbox v1.1 - Lightbox gallery for jQuery - (c) 2010 Ondrej Drkula, Inexes
		Based on Slimbox2 ((c) 2007-2009 Christophe Beyls <http://www.digitalia.be>, MIT-style license) */

(function ($) {
    var win = $(window), options, images, activeImage = -1, activeURL, firstImage, prevImage, nextImage,
    lastImage, compatibleOverlay, middle, centerWidth, centerHeight, ie6 = !window.XMLHttpRequest,
    operaFix = window.opera && (document.compatMode == "CSS1Compat") && ($.browser.version >= 9.3),
    documentElement = document.documentElement, preload = {}, preloadPrev = new Image(),
    preloadNext = new Image(), overlay, toolbar, navigation, center, image, preview, firstLink,
    prevLink, slideLink, nextLink, lastLink, closeLink, counter, description, slider, running;

    /* Initialization */
    $(function () {
        $("body").append($([
            overlay = $('<div id="ibOverlay" />')[0],
            center = $('<div id="ibCenter" />')[0]]).css('display', 'none'));
        image = $('<div id="ibImage" />').appendTo(center).append(
            preview = $('<div />').css('position', 'relative')[0])[0];
        toolbar = $('<div id="ibTooolbar" />').appendTo(center).append([
            navigation = $('<div id="ibNavigation" />').appendTo(center).append([
                firstLink = $('<a id="ibFirstLink" />').click(first)[0],
                prevLink = $('<a id="ibPrevLink" />').click(previous)[0],
                slideLink = $('<a id="ibSlideLink" />').click(slideshow)[0],
                nextLink = $('<a id="ibNextLink" />').click(next)[0],
                lastLink = $('<a id="ibLastLink" />').click(last)[0]])[0],
            counter = $('<span id="ibCounter" />')[0],
            closeLink = $('<a id="ibCloseLink" />').click(close)[0]])[0];
        description = $('<div id="ibDescription" /><div style="clear: both;" />').appendTo(center)[0];
    });

    /* API */
    $.inbox = function (_images, startImage, _options) { // Open Inbox with the specified parameters
        options = $.extend({
            loop: false, 				// Allows to navigate between first and last images
            overlayOpacity: 0.8, 			// 1->opaque, 0->transparent (color is in the CSS file)
            overlayFadeDuration: 400, 		// Duration of the overlay fade-in and fade-out animations (in milliseconds)
            resizeDuration: 400, 			// Duration of each of the box resize animations (in milliseconds)
            resizeEasing: 'swing', 			// 'swing' is jQuery's default easing
            initialSize: {
                x: 250,
                y: 250
            }, 	// Initial size of the image box (array of width and height in pixels)
            videoSize: {
                x: 560,
                y: 453
            }, 		// Video size (array of width and height in pixels)
            flvAutoPlay: false, 		// True enables to play movie automaticly
            flvControlsHideTimeout: 3, 	// Timeout to hide FLV player controls
            minWidth: 350, 				// Minimal center box width (in pixels)
            imageFadeDuration: 400, 		// Duration of the image fade-in animation (in milliseconds)
            slideshowDelay: 3000, 			// Delay between 2 images during slideshow (in milliseconds)
            descriptionMaxHeight: 400, 		// Maximal height of the description box (in pixels)
            navigationHeight: 31, 			// Height of the navigation box (in pixels)
            counterText: 'Image {x} from {y}', 	// False will disable counter text for image groups
            closerText: 'Close', 			// Text for close button
            openerText: 'Open document', 			// Text for original document link
            firstText: 'First', 			// Text for first button
            prevText: 'Previous', 			// Text for previous button
            slideshowPlayText: 'Run slideshow', 	// Text for slideshow play button
            slideshowPauseText: 'Pause slideshow', 	// Text for slideshow pause button
            nextText: 'Next', 			// Text for next button
            lastText: 'Last', 			// Text for last button
            closeKeys: [27, 88, 67], 		// Array of keycodes to close inbox, (esc, 'x', 'c')
            firstKeys: [70, 90], 	 		// Array of keycodes to navigate to the first image ('f', 'z')
            prevKeys: [37, 80], 			// Array of keycodes to navigate to the previous image (left arrow, 'p')
            nextKeys: [39, 68, 78], 		// Array of keycodes to navigate to the next image (right arrow, 'd', 'n')
            lastKeys: [75, 76], 			// Array of keycodes to navigate to the last image ('k', 'l')
            slideshowKeys: [83], 			// Array of keycodes to play/pause slideshow ('s')
            fixImagePosition: false, 		// Set position of ibCenter (true->fixed, false->absolute)
            enablePreviewImageClick: false, 		// Enable the preview image to click for close
            enableOverlayClick: false, 		// Enable the overlay to click for close
            enableSlideshow: false, 		// Enable slideshow all photos
            displayNavigation: true, 		// Switch the navigaton visibility (true->show, false->hide)
            displayDescription: true		// Switch the description visibility (true->show, false->hide)
        }, _options);

        if (typeof _images == 'string') {
            _images = [[_images, startImage]];
            startImage = 0;
        }
        middle = win.scrollTop() + ((operaFix ? documentElement.clientHeight : win.height()) / 2);
        centerWidth = options.initialSize.x;
        centerHeight = options.initialSize.y;
        $(center).css({
            top: Math.max(0, middle - (centerHeight / 2)),
            width: centerWidth,
            height: centerHeight,
            marginLeft: -centerWidth / 2
        }).show();
        compatibleOverlay = (ie6 || (overlay.currentStyle && (overlay.currentStyle.position != 'fixed')));
        if (compatibleOverlay) {
            overlay.style.position = 'absolute';
        }
        $(overlay).css('opacity', options.overlayOpacity).fadeIn(options.overlayFadeDuration);
        position();
        setup(1);
        images = _images;
        options.loop = (options.loop && (images.length > 1));
        firstImage = 0;
        lastImage = images.length - 1;
        running = false;
        return changeImage(startImage);
    };

    /*
    @param options:	Optional options object
    @param linkMapper:	Optional function(element, index) returning 
    an array containing 4 elements: image URL, image caption, image description and image class
    @param linksFilter:	Optional function(element, index) returning true (is in image collection) 
    or false (not in collection). 'this' refers to the element that was clicked.
    */
    $.fn.inbox = function (_options, linkMapper, linksFilter) {
        linkMapper = (linkMapper || (function (el) {
            return [el.href, el.title, $(el).parent().parent().find('.description').eq(0).html(), el.className];
        }));
        //linksFilter = (linksFilter || (function() { return true; }));
        linksFilter = (linksFilter || (function (el) {
            return (this == el) || ((this.rel.length > 8) && (this.rel == el.rel));
        }));
        var links = this;
        return links.unbind('click').click(function () {
            var link = this, startIndex = 0, filteredLinks, i = 0, length;
            filteredLinks = $.grep(links, function (el, i) {
                return linksFilter.call(link, el, i);
            });
            for (length = filteredLinks.length; i < length; ++i) {
                if (filteredLinks[i] == link) {
                    startIndex = i;
                }
                filteredLinks[i] = linkMapper(filteredLinks[i], i);
            }
            return $.inbox(filteredLinks, startIndex, _options);
        });
    };

    /* Internal functions */
    function position() {
        var l = win.scrollLeft(), w = operaFix ? documentElement.clientWidth : win.width();
        $(center).css("left", l + (w / 2));
        if (compatibleOverlay) {
            $(overlay).css({
                left: l,
                top: win.scrollTop(),
                width: w,
                height: win.height()
            });
        }
    }
    function setup(open) {
        try {
            $('object').add(ie6 ? 'select' : 'embed').each(function (index, el) {
                if (open) {
                    $.data(el, 'inbox', el.style.visibility);
                }
                el.style.visibility = open ? 'hidden' : $.data(el, 'inbox');
            });
        } catch (err) { }
        var fn = open ? 'bind' : 'unbind';
        win[fn]('scroll resize', position);
        $(document)[fn]('keydown', keyDown);
    }
    function keyDown(event) {
        var code = event.keyCode, fn = $.inArray;
        if (fn(code, options.closeKeys) >= 0) {
            return close();
        }
        if (fn(code, options.nextKeys) >= 0) {
            return next();
        }
        if (fn(code, options.prevKeys) >= 0) {
            return previous();
        }
        if (!(options.loop)) {
            if (fn(code, options.firstKeys) >= 0) {
                return first();
            }
            if (fn(code, options.lastKeys) >= 0) {
                return last();
            }
        }
        if ((options.enableSlideshow) && (fn(code, options.slideshowKeys) >= 0)) {
            return slideshow();
        }
        return false;
    }
    function first() {
        if (activeImage != firstImage) {
            return changeImage(firstImage);
        }
        return false;
    }
    function previous() {
        return changeImage(prevImage);
    }
    function next() {
        if (options.loop) {
            return changeImage(nextImage);
        }
        if (activeImage < lastImage) {
            return changeImage(nextImage);
        }
        if (running) {
            slideshowPause();
        }
        return false;
    }
    function last() {
        if (activeImage != lastImage) {
            return changeImage(lastImage);
        }
        return false;
    }
    function slideshowPlay() {
        running = true;
        if (options.displayNavigation) {
            $(slideLink).addClass('pause').attr('title', options.slideshowPauseText);
        }
        if (!(options.loop) && (activeImage > firstImage)) {
            next();
        }
        if (options.loop) {
            next();
        }
        slider = setInterval(next, options.slideshowDelay);
    }
    function slideshowPause() {
        running = false;
        if (options.displayNavigation) {
            $(slideLink).removeClass('pause').attr('title', options.slideshowPlayText);
        }
        clearInterval(slider);
    }
    function slideshow() {
        if (running) {
            slideshowPause();
            return false;
        }
        if (!(options.loop) && (activeImage == lastImage)) {
            first();
        }
        slideshowPlay();
    }
    function changeImage(imageIndex) {
        position();
        if (imageIndex >= 0) {
            activeImage = imageIndex;
            activeURL = images[activeImage][0];
            var urlIndex = activeURL.toLowerCase().indexOf('image.aspx?docid=');
            if (urlIndex != -1) {
                var auHeight = $.url.setUrl(activeURL.toLowerCase()).param('height');
                var auWidth = $.url.setUrl(activeURL.toLowerCase()).param('width');
                if (($(window).height() <= auHeight + 30 + options.navigationHeight + $(description).outerHeight(true)) || ($(window).width() <= auWidth + 40)) {
                    if ($(window).width() <= auWidth + 40) {
                        auWidth = $(window).width() - 30;
                    }
                    if ($(window).height() <= auHeight + 30 + options.navigationHeight) {
                        auHeight = $(window).height();
                        auHeight -= 50 + options.navigationHeight;
                    }
                    activeURL = activeURL.substring(0, urlIndex) + 'image.aspx?docid=' + $.url.setUrl(activeURL).param('docid') + '&width=' + auWidth + '&height=' + auHeight + '&rtypeid=1' /*+ $.url.setUrl(activeURL).param('rtypeid')*/;
                }
            }
            prevImage = (activeImage || (options.loop ? images.length : 0)) - 1;
            nextImage = ((activeImage + 1) % images.length) || (options.loop ? 0 : -1);
            stop();
            center.className = 'ibLoading';
            preload = new Image();
            preload.alt = images[activeImage][1];
            preload.className = images[activeImage][3];
            preload.onload = animateBox;
            preload.src = activeURL;
        }
        return false;
    }
    function setSize(size) {
        $(image).css('backgroundImage', 'none');
        $(preview).width(size.x).height(size.y);
    }
    function resizeMedia() {
        var embedObject = $(image).find('object, embed');
        embedObject.width(options.videoSize.x).height(options.videoSize.y);
        embedObject.attr('width', options.videoSize.x);
        embedObject.attr('height', options.videoSize.y);
        setTimeout(function () {
            embedObject.css({
                visibility: 'visible'
            });
        }, 1000);

    }
    function animateBox() {
        $(center).css('position', (options.fixImagePosition ? 'fixed' : 'absolute'));
        $(image).css({
            backgroundImage: 'url(' + activeURL + ')',
            visibility: 'hidden',
            display: ""
        });
        var descContent = $('<div></div>').eq(0);
        $(descContent).html(images[activeImage][2] || '');
        var externalDoc = '', imgWidth = preload.width, imgHeight = preload.height;
        if (preload.className) {
            switch (preload.className) { // switch types of document
                case 'eImg':
                    {
                        var imageRatio = imgWidth / imgHeight;

                        if (imgWidth > imgHeight) {
                            if (imgWidth > $(window).width() - 40) {
                                imgWidth = $(window).width() - 40;
                                imgHeight = imgWidth * (1 / imageRatio);
                            }
                        } else {
                            if (imgHeight > $(window).height() - 70 + options.navigationHeight) {
                                imgHeight = $(window).height() - 70 + options.navigationHeight;
                                imgWidth = imgHeight * imageRatio;
                            }
                        }

                        $(preview).width(imgWidth).height(imgHeight);

                        setSize({
                            x: imgWidth,
                            y: imgHeight
                        });

                        externalDoc = '<img src="' + preload.src + '" alt="' + preload.alt + '" width="' + imgWidth + '" height="' + imgHeight + '" />';
                        if (options.enablePreviewImageClick) {
                            $(preview).html($('<a title="' + options.closerText + '" style="display:block;width:' + $(preview).width() + 'px;height:' +
                            $(preview).height() + 'px;">' + externalDoc + '</a>').click(close)[0]);
                        } else {
                            $(preview).html(externalDoc);
                        }
                        break;
                    }
                case 'swf': case 'flv': case 'url':
                    {
                        imgWidth = options.videoSize.x;
                        imgHeight = options.videoSize.y;
                        setSize(options.videoSize);
                        setTimeout(function () {
                            $(preview).html('<div class="movie">' + $(images[activeImage][2]).eq(0).html() + '</div>');
                            resizeMedia();
                            /*$(preview).children().css('visibility', 'visible');*/
                        }, 300);

                        break;
                    }
                case 'code':
                    {
                        $(description).html(images[activeImage][2] || '');
                        var codeElement = $(description).find('.code');
                        var movieElement = $(center).find('#ibImage > div:first-child');
                        $(movieElement).children().remove();
                        $(codeElement).appendTo(movieElement);
                        codeElement.css('position', 'absolute');
                        codeElement.show();
                        imgWidth = $(codeElement).width();
                        if (imgWidth < 350) {
                            imgWidth = 350;
                            $(codeElement).width(350);
                        }
                        imgHeight = $(codeElement).height();

                        setSize({
                            x: imgWidth,
                            y: imgHeight
                        });

                        setTimeout(function () {
                            resizeMedia();
                        }, 300);

                        break;
                    }
                default:
                    break;
            }
        } else {
            $(preview).width(imgWidth).height(imgHeight);
            if (options.enablePreviewImageClick) {
                $(preview).html($('<a title="' + options.closerText + '" style="display:block;width:' + $(preview).width() +
                'px;height:' + $(preview).height() + 'px;" />').click(close)[0]);
            } else {
                if ($(descContent).find('.docLink').length > 0) {
                    var docHref = $(descContent).find('.docLink a').eq(0).attr('href');
                    var lastDotIndex = docHref.lastIndexOf('.'), docExt = docHref.substring(lastDotIndex + 1, lastDotIndex + 4);
                    var extArray = ['jpg', 'jpe', 'gif', 'png', 'bmp', 'swf', 'flv'];
                    if ((lastDotIndex > 0) && ($.inArray(docExt, extArray) == -1)) {
                        $(preview).html($('<a href="' + docHref + '" title="' + options.openerText + '" style="display:block;width:' + $(preview).width() +
                        'px;height:' + $(preview).height() + 'px;" />').click(function () {
                            return !window.open(docHref);
                        })[0]);
                    } else {
                        $(preview).html('');
                    }
                }
            }
        }
        if (prevImage >= 0) {
            preloadPrev.src = images[prevImage][0];
        }
        if (nextImage >= 0) {
            preloadNext.src = images[nextImage][0];
        }
        var imgBorder = parseInt($(image).css('border-width'));
        var ie6Border = (isNaN(imgBorder) ? 0 : (imgBorder * 2));

        centerWidth = ((ie6 ? (imgWidth + ie6Border) : image.offsetWidth) > options.minWidth ? (ie6 ? (imgWidth + ie6Border) : image.offsetWidth) : options.minWidth);
        centerHeight = (ie6 ? (imgHeight + ie6Border) : image.offsetHeight);
        if (options.enableOverlayClick) {
            $(overlay).css('cursor', 'pointer').click(close);
        }
        if (options.displayNavigation) {
            centerHeight += options.navigationHeight;
            $(image).css({
                top: (options.navigationHeight + 'px'),
                left: ((centerWidth - image.offsetWidth) / 2) + 'px'
            });
            $(toolbar).height(options.navigationHeight);
            if (prevImage < 0) {
                $([firstLink, prevLink]).addClass('disabled');
            }
            if (nextImage < 0) {
                $([nextLink, lastLink]).addClass('disabled');
            }
            if (!(options.loop)) {
                $(firstLink).attr('title', options.firstText);
                $(lastLink).attr('title', options.lastText);
            } else {
                $([firstLink, lastLink]).remove();
            }
            $(prevLink).attr('title', options.prevText);
            $(nextLink).attr('title', options.nextText);
            $(closeLink).attr('title', options.closerText);
            $(slideLink).attr('title', (running ? options.slideshowPauseText : options.slideshowPlayText));
            $(counter).html((((images.length > 1) && options.counterText) || '').replace(/{x}/, activeImage + 1).replace(/{y}/, images.length));
        } else {
            $(toolbar).remove();
        }
        if (options.displayDescription) {
            $(description).html(images[activeImage][2] || '');
            $(description).find('.code').remove();
            $(description).width(centerWidth);
            centerHeight += $(description).outerHeight(true) /*+ 40*/;
        } else {

            $(description).remove();
        }
        if (!(options.enableSlideshow)) {
            $(slideLink).remove();
        }
        middle = win.scrollTop() + ((operaFix ? documentElement.clientHeight : win.height()) / 2);
        var top = Math.max(0, middle - (centerHeight / 2));
        // Always show navigation
        if (top < $(document).scrollTop()) top = $(document).scrollTop();

        if (center.offsetHeight != centerHeight) {
            $(center).animate({
                height: centerHeight,
                top: top
            }, options.resizeDuration, options.resizeEasing);
        }
        if (ie6) {
            $(center).css('background', $(center).css('background-color'));
        }
        if (center.offsetWidth != centerWidth) {
            $(center).animate({
                width: centerWidth,
                marginLeft: -(centerWidth / 2)
            }, options.resizeDuration, options.resizeEasing);
        }
        $(center).queue(function () {
            if (options.displayDescription) {
                $(description).css('top', (imgHeight + /** /10 + / **/($.browser.msie ? (ie6Border / 2) : 0) + 'px')).show();
            }
            $(image).css({
                display: 'none',
                visibility: '',
                opacity: ''
            }).fadeIn(options.imageFadeDuration);
            $(center).removeClass('ibLoading');
        });

    }
    function stop() {
        preload.onload = null;
        preload.src = preloadPrev.src = preloadNext.src = activeURL;
        $([center, image]).stop(true);
        $(image).hide();
        if (options.displayDescription) {
            $(description).hide();
        }
        if (options.displayNavigation) {
            $([firstLink, prevLink, nextLink, lastLink]).removeClass('disabled');
        }
    }
    function close() {
        if (running) {
            slideshowPause();
        } // stop slideshow
        $(image).find('.movie').eq(0).remove(); // stop flvplayer
        if (activeImage >= 0) {
            stop();
            activeImage = prevImage = nextImage = -1;
            $(center).hide();
            $(overlay).stop().fadeOut(options.overlayFadeDuration, setup);
        }
        return false;
    }
})(jQuery);

// onload initialization
jQuery(function($) {
    $('a[rel^="lightbox"]').each(function() {
        if ($(this).hasClass('swf') || $(this).hasClass('flv')) { // swf and flv tunning
            var video;
            if ($.browser.msie) {
                video = '<object style="visibility: visible;" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="425" height="344">';
                video += '<param name="movie" value="' + ($(this).hasClass('flv') ? (appWWWRoot + 'FlvPlayer/FlvPlayer.swf?movieURL=') : '') + $(this).parent().parent().find('.docLink').children('a').attr('href');
                video += '"><param name="allowscriptaccess" value="always"><param name="allowfullscreen" value="true"></object>';
            } else {
                /*var globalParent = $(this).parent().parent();
                            var hrefWithLink = $(globalParent).children()*/
                video = '<object type="application/x-shockwave-flash" data="' + ($(this).hasClass('flv') ? (appWWWRoot + 'FlvPlayer/FlvPlayer.swf?movieURL=') : '') + $(this).parent().parent().find('.docLink').children('a').attr('href');
                video += '" width="425" height="344" /><!--<![endif]--></object>';
            }
            $(this).parent().parent().find('.description').eq(0).prepend('<div class="code">' + video + '</div>');
            $(this).attr('href', $(this).find('img').eq(0).attr('src'));
        }
        if ($(this).hasClass('url')) { // external url tunning
                        
            $(this).parent().parent().find('.description').eq(0).prepend('<div class="code"><a href="' +  $(this).parent().parent().find('.docLink').children('a').attr('href') + '" class="oembed"></a></div>');
            /*alert($(this).parent().parent().children('.description').children('.docLink').children('a').attr('href'));*/
            $(this).attr('href', $(this).find('img').eq(0).attr('src'));
            try {
                $(this).parent().parent().find('.description .code a.oembed').eq(0).oembed();
            } catch (err) {
                $(this).attr('class', 'eImg');
                $(this).attr('href', 'Design/Unknown.gif');
            }
        }
        // html code tunning
        if ($(this).hasClass('code')) {
            $(this).attr('href', $(this).find('img').eq(0).attr('src'));
        }

        // Resize external images to fit border
        if($(this).hasClass('eImg')){
            var image = $(this).find('img');
            $(image).css({
                /*maxWidth : $(this).width(),*/
                maxHeight : $(this).height()
            })
        }
    });
});