/*!	ColorBox v1.3.1 - a full featured, light-weight, customizable lightbox based on jQuery 1.3 */
//	(c) 2009 Jack Moore - www.colorpowered.com - jack@colorpowered.com
//	Licensed under the MIT license: http://www.opensource.org/licenses/mit-license.php

(function($) {
    //Shortcuts (to increase compression)
    var colorbox = 'colorbox',
	hover = 'hover',
	TRUE = true,
	FALSE = false,
	cboxPublic,
	isIE = !$.support.opacity,
	isIE6 = isIE && !window.XMLHttpRequest,

    //Event Strings (to increase compression)
	cbox_click = 'click.colorbox',
	cbox_open = 'cbox_open',
	cbox_load = 'cbox_load',
	cbox_complete = 'cbox_complete',
	cbox_cleanup = 'cbox_cleanup',
	cbox_closed = 'cbox_closed',
	cbox_resize = 'resize.cbox_resize',
	cbox_ie6 = 'resize.cboxie6 scroll.cboxie6',

    //Cached jQuery Object Variables
	$overlay,
	$cbox,
	$wrap,
	$content,
	$topBorder,
	$leftBorder,
	$rightBorder,
	$bottomBorder,
	$related,
	$window,
	$loaded,
	$loadingOverlay,
	$loadingGraphic,
	$title,
	$current,
	$slideshow,
	$next,
	$prev,
	$close,
	$resizeLink,
    $resizeImg,

    //Variables for cached values or use across multiple functions
	interfaceHeight,
	interfaceWidth,
	loadedHeight,
	loadedWidth,
	maxWidth,
	maxHeight,
	element,
	index,
	settings,
	open,
	callback,

    // ColorBox Default Settings.	
    // See http://colorpowered.com/colorbox for details.
	defaults = {
	    transition: "elastic",
	    speed: 350,
	    width: FALSE,
	    height: FALSE,
	    initialWidth: "400",
	    initialHeight: "400",
	    maxWidth: FALSE,
	    maxHeight: FALSE,
	    scalePhotos: TRUE,
	    scrollbars: TRUE,
	    inline: FALSE,
	    html: FALSE,
	    iframe: FALSE,
	    photo: FALSE,
	    href: FALSE,
	    title: FALSE,
	    rel: FALSE,
	    opacity: 0.9,
	    preloading: TRUE,
	    current: "image {current} of {total}",
	    previous: "previous",
	    next: "next",
	    close: "close",
	    open: FALSE,
	    overlayClose: TRUE,
	    slideshow: FALSE,
	    slideshowAuto: TRUE,
	    slideshowSpeed: 2500,
	    slideshowStart: "start slideshow",
	    slideshowStop: "stop slideshow"
	};

    // ****************
    // HELPER FUNCTIONS
    // ****************

    // Set Navigation Key Bindings
    function cbox_key(e) {
        if (e.keyCode === 37) {
            e.preventDefault();
            $prev.click();
        } else if (e.keyCode === 39) {
            e.preventDefault();
            $next.click();
        }
    }

    // Convert % values to pixels
    function setSize(size, dimension) {
        dimension = dimension === 'x' ? document.documentElement.clientWidth : document.documentElement.clientHeight;
        return (typeof size === 'string') ? (size.match(/%/) ? (dimension / 100) * parseInt(size, 10) : parseInt(size, 10)) : size;
    }

    // Checks an href to see if it is a photo.
    // There is a force photo option (photo: true) for hrefs that cannot be matched by this regex.
    function isImage(url) {
        return settings.photo || url.match(/\.(gif|png|jpg|jpeg|bmp)(?:\?([^#]*))?(?:#(\.*))?$/i) || (url.indexOf('docid') > 0);
    }

    // Assigns functions results to their respective settings.  This allows functions to be used to set ColorBox options.
    function process() {
        for (var i in settings) {
            if (typeof (settings[i]) === 'function') {
                settings[i] = settings[i].call(element);
            }
        }
    }

    // ****************
    // PUBLIC FUNCTIONS
    // Usage format: $.fn.colorbox.close();
    // Usage from within an iframe: parent.$.fn.colorbox.close();
    // ****************

    cboxPublic = $.fn.colorbox = function(options, custom_callback) {

        if (this.length) {
            this.each(function() {
                var data = $(this).data(colorbox) ? $.extend({},
					$(this).data(colorbox), options) : $.extend({}, defaults, options);
                $(this).data(colorbox, data).addClass("cboxelement");
            });
        } else {
            $(this).data(colorbox, $.extend({}, defaults, options));
        }

        $(this).unbind(cbox_click).bind(cbox_click, function(event) {

            element = this;

            settings = $(element).data(colorbox);

            process(); //process settings functions

            $().bind("keydown.cbox_close", function(e) {
                if (e.keyCode === 27) {
                    e.preventDefault();
                    cboxPublic.close();
                }
            });
            if (settings.overlayClose) {
                $overlay.css({ "cursor": "pointer" }).one('click', cboxPublic.close);
            }

            //remove the focus from the anchor to prevent accidentally calling
            //colorbox multiple times (by pressing the 'Enter' key
            //after colorbox has opened, but before the user has clicked on anything else)
            element.blur();

            callback = custom_callback || FALSE;

            var rel = settings.rel || element.rel;

            if (rel && rel !== 'nofollow') {
                $related = $('.cboxelement').filter(function() {
                    var relRelated = $(this).data(colorbox).rel || this.rel;
                    return (relRelated === rel);
                });
                index = $related.index(element);

                if (index < 0) { //this checks direct calls to colorbox
                    $related = $related.add(element);
                    index = $related.length - 1;
                }

            } else {
                $related = $(element);
                index = 0;
            }
            if (!open) {
                open = TRUE;
                $.event.trigger(cbox_open);
                $close.html(settings.close);
                $overlay.css({ "opacity": settings.opacity }).show();
                cboxPublic.position(setSize(settings.initialWidth, 'x'), setSize(settings.initialHeight, 'y'), 0);
                if (isIE6) {
                    $window.bind(cbox_ie6, function() {
                        $overlay.css({ width: $window.width(), height: $window.height(), top: $window.scrollTop(), left: $window.scrollLeft() });
                    }).trigger(cbox_ie6);
                }
            }
            cboxPublic.slideshow();
            cboxPublic.load();

            event.preventDefault();
        });

        if (options && options.open) {
            $(this).triggerHandler(cbox_click);
        }

        return this;
    };

    // Initialize ColorBox: store common calculations, preload the interface graphics, append the html.
    // This preps colorbox for a speedy open when clicked, and lightens the burdon on the browser by only
    // having to run once, instead of each time colorbox is opened.
    cboxPublic.init = function() {

        // jQuery object generator to save a bit of space
        function $div(id) {
            return $('<div id="cbox' + id + '"/>');
        }

        // Create & Append jQuery Objects
        $window = $(window);
        $cbox = $('<div id="colorbox"/>');
        $overlay = $div("Overlay").hide();
        $wrap = $div("Wrapper");
        $content = $div("Content").append(
			$loaded = $div("LoadedContent").css({ width: 0, height: 0 }),
			$loadingOverlay = $div("LoadingOverlay"),
			$loadingGraphic = $div("LoadingGraphic"),
			$title = $div("Title"),
			$current = $div("Current"),
			$slideshow = $div("Slideshow"),
			$next = $div("Next"),
			$prev = $div("Previous"),
			$close = $div("Close")
		);
        $wrap.append( // The 3x3 Grid that makes up ColorBox
			$('<div/>').append(
				$div("TopLeft"),
				$topBorder = $div("TopCenter"),
				$div("TopRight")
			),
			$('<div/>').append(
				$leftBorder = $div("MiddleLeft"),
				$content,
				$rightBorder = $div("MiddleRight")
			),
			$('<div/>').append(
				$div("BottomLeft"),
				$bottomBorder = $div("BottomCenter"),
				$div("BottomRight")
			)
		).children().children().css({ 'float': 'left' });
        $('body').prepend($overlay, $cbox.append($wrap));


        if (isIE) {
            $cbox.addClass('cboxIE');
            if (isIE6) {
                $overlay.css('position', 'absolute');
            }
        }

        // Add rollover event to navigation elements
        $content.children()
		.addClass(hover)
		.mouseover(function() { $(this).addClass(hover); })
		.mouseout(function() { $(this).removeClass(hover); })
		.hide();

        // Cache values needed for size calculations
        interfaceHeight = $topBorder.height() + $bottomBorder.height() + $content.outerHeight(TRUE) - $content.height(); //Subtraction needed for IE6
        interfaceWidth = $leftBorder.width() + $rightBorder.width() + $content.outerWidth(TRUE) - $content.width();
        loadedHeight = $loaded.outerHeight(TRUE);
        loadedWidth = $loaded.outerWidth(TRUE);


        // Setting padding to remove the need to do size conversions during the animation step.
        $cbox.css({ "padding-bottom": interfaceHeight, "padding-right": interfaceWidth }).hide();

        // Setup button & key events.
        $next.click(cboxPublic.next);
        $prev.click(cboxPublic.prev);
        $close.click(cboxPublic.close);

        // Adding the 'hover' class allowed the browser to load the hover-state
        // background graphics.  The class can now can be removed.
        $content.children().removeClass(hover);
    };

    cboxPublic.position = function(mWidth, mHeight, speed, loadedCallback) {
        var winHeight = document.documentElement.clientHeight,
		posTop = winHeight / 2 - mHeight / 2,
		posLeft = document.documentElement.clientWidth / 2 - mWidth / 2,
		animate_speed;

        //keeps the box from expanding to an inaccessible area offscreen.
        if (mHeight > winHeight) { posTop -= (mHeight - winHeight); }
        if (posTop < 0) { posTop = 0; }
        if (posLeft < 0) { posLeft = 0; }

        posTop += $window.scrollTop();
        posLeft += $window.scrollLeft();

        mWidth = mWidth - interfaceWidth;
        mHeight = mHeight - interfaceHeight;

        //setting the speed to 0 to reduce the delay between same-sized content.
        animate_speed = ($cbox.width() === mWidth && $cbox.height() === mHeight) ? 0 : speed;

        //this gives the wrapper plenty of breathing room so it's floated contents can move around smoothly,
        //but it has to be shrank down around the size of div#colorbox when it's done.  If not,
        //it can invoke an obscure IE bug when using iframes.
        $wrap[0].style.width = $wrap[0].style.height = "9999px";

        function modalDimensions(that) {
            //loading overlay size has to be sure that IE6 uses the correct height.
            $topBorder[0].style.width = $bottomBorder[0].style.width = $content[0].style.width = that.style.width;
            $loadingGraphic[0].style.height = $loadingOverlay[0].style.height = $content[0].style.height = $leftBorder[0].style.height = $rightBorder[0].style.height = that.style.height;
        }

        $cbox.dequeue().animate({ height: mHeight, width: mWidth, top: posTop, left: posLeft }, { duration: animate_speed,
            complete: function() {
                modalDimensions(this);

                //shrink the wrapper down to exactly the size of colorbox to avoid a bug in IE's iframe implementation.
                $wrap[0].style.width = (mWidth + interfaceWidth) + "px";
                $wrap[0].style.height = (mHeight + interfaceHeight) + "px";

                if (loadedCallback) { loadedCallback(); }
            },
            step: function() {
                modalDimensions(this);
            }
        });
    };

    cboxPublic.resize = function(object) {
        if (!open) { return; }

        var width,
		height,
		topMargin,
		prev,
		prevSrc,
		next,
		nextSrc,
		photo,
		timeout,
		speed = settings.transition === "none" ? 0 : settings.speed;

        $window.unbind(cbox_resize);

        if (!object) {
            timeout = setTimeout(function() { //timer allows IE to render the dimensions before attempting to calculate the height
                height = $loaded.children().outerHeight(TRUE);
                $loaded[0].style.height = height + 'px';
                cboxPublic.position($loaded.width() + loadedWidth + interfaceWidth, height + loadedHeight + interfaceHeight, speed);
            }, 1);
            return;
        }

        $loaded.remove();
        $loaded = $(object);


        function getWidth() {
            width = settings.width ? maxWidth : maxWidth && maxWidth < $loaded.width() ? maxWidth : $loaded.width();
            return width;
        }
        function getHeight() {
            height = settings.height ? maxHeight : maxHeight && maxHeight < $loaded.height() ? maxHeight : $loaded.height();
            return height;
        }

        if (!settings.scrollbars) {
            $loaded.css({ overflow: 'hidden' });
        }

        $loaded.hide().appendTo('body')
		.attr({ id: 'cboxLoadedContent' })
		.css({ width: getWidth() })
		.css({ height: getHeight() })//sets the height independently from the width in case the new width influences the value of height.
		.prependTo($content);

        // Hides 'select' form elements in IE6 because they would otherwise sit on top of the overlay.
        if (isIE6) {
            $('select:not(#colorbox select)').filter(function() {
                return $(this).css('visibility') !== 'hidden';
            }).css({ 'visibility': 'hidden' }).one(cbox_cleanup, function() {
                $(this).css({ 'visibility': 'inherit' });
            });
        }

        photo = $('#cboxPhoto')[0];

        if (photo && settings.height) {
            topMargin = (height - parseInt(photo.style.height, 10)) / 2;
            photo.style.marginTop = (topMargin > 0 ? topMargin : 0) + 'px';

        }

        function setPosition(s) {
            var mWidth = width + loadedWidth + interfaceWidth,
			mHeight = height + loadedHeight + interfaceHeight;

            $().unbind('keydown', cbox_key);
            cboxPublic.position(mWidth, mHeight, s, function() {
                if (!open) { return; }

                if (isIE) {
                    //This fadeIn helps the bicubic resampling to kick-in.
                    if (photo) { $loaded.fadeIn(100); }
                    //IE adds a filter when ColorBox fades in and out that can cause problems if the loaded content contains transparent pngs.
                    $cbox[0].style.removeAttribute("filter");
                }

                $content.children().show();

                //Waited until the iframe is added to the DOM & it is visible before setting the src.
                //This increases compatability with pages using DOM dependent JavaScript.
                $('#cboxIframeTemp').after("<iframe id='cboxIframe' name='iframe_" + new Date().getTime() + "' frameborder=0 src='" + (settings.href || element.href) + "' />").remove();

                $loadingOverlay.hide();
                $loadingGraphic.hide();
                $slideshow.hide();

                if ($related.length > 1) {
                    $current.html(settings.current.replace(/\{current\}/, index + 1).replace(/\{total\}/, $related.length));
                    $next.html(settings.next);
                    $prev.html(settings.previous);

                    $().bind('keydown', cbox_key);

                    if (settings.slideshow) {
                        $slideshow.show();
                    }
                } else {
                    $current.hide();
                    $next.hide();
                    $prev.hide();
                }

                $title.html(settings.title || element.title);

                $.event.trigger(cbox_complete);

                if (callback) {
                    callback.call(element);
                }

                if (settings.transition === 'fade') {
                    $cbox.fadeTo(speed, 1, function() {
                        if (isIE) { $cbox[0].style.removeAttribute("filter"); }
                    });
                }

                $window.bind(cbox_resize, function() {
                    cboxPublic.position(mWidth, mHeight, 0);
                });
            });
        }

        if ((settings.transition === 'fade' && $cbox.fadeTo(speed, 0, function() { setPosition(0); })) || setPosition(speed)) { }

        // Preloads images within a rel group
        if (settings.preloading && $related.length > 1) {
            prev = index > 0 ? $related[index - 1] : $related[$related.length - 1];
            next = index < $related.length - 1 ? $related[index + 1] : $related[0];
            nextSrc = $(next).data(colorbox).href || next.href;
            prevSrc = $(prev).data(colorbox).href || prev.href;

            if (isImage(nextSrc)) {
                $('<img />').attr('src', nextSrc);
            }

            if (isImage(prevSrc)) {
                $('<img />').attr('src', prevSrc);
            }
        }
    };

    cboxPublic.load = function() {
        var height, width, href, loadingElement, resize = cboxPublic.resize;
        var originalWidth, originalHeight;

        element = $related[index];

        settings = $(element).data(colorbox);

        //convert functions to static values
        process();

        $.event.trigger(cbox_load);

        // Evaluate the height based on the optional height and width settings.
        height = settings.height ? setSize(settings.height, 'y') - loadedHeight - interfaceHeight : FALSE;
        width = settings.width ? setSize(settings.width, 'x') - loadedWidth - interfaceWidth : FALSE;

        href = settings.href || element.href;

        $loadingOverlay.show();
        $loadingGraphic.show();
        $close.show();

        //Re-evaluate the maximum dimensions based on the optional maxheight and maxwidth.
        if (settings.maxHeight) {
            maxHeight = settings.maxHeight ? setSize(settings.maxHeight, 'y') - loadedHeight - interfaceHeight : FALSE;
            height = height && height < maxHeight ? height : maxHeight;
        }
        if (settings.maxWidth) {
            maxWidth = settings.maxWidth ? setSize(settings.maxWidth, 'x') - loadedWidth - interfaceWidth : FALSE;
            width = width && width < maxWidth ? width : maxWidth;
        }

        maxHeight = height;
        maxWidth = width;

        if (settings.inline) {
            $('<div id="cboxInlineTemp" />').hide().insertBefore($(href)[0]).bind(cbox_load + ' ' + cbox_cleanup, function() {
                $loaded.children().insertBefore(this);
                $(this).remove();
            });
            resize($(href).wrapAll('<div/>').parent());
        } else if (settings.iframe) {
            resize($("<div><div id='cboxIframeTemp' /></div>"));
        } else if (settings.html) {
            resize($('<div/>').html(settings.html));
        } else if (isImage(href)) {
            loadingElement = new Image();

            loadingElement.onload = function() {
                loadingElement.onload = null;

                originalWidth = this.width;
                originalHeight = this.height;

                if ((maxHeight || maxWidth) && settings.scalePhotos) {

                    var width = this.width,
					height = this.height,
					percent = 0,
					that = this,
					setResize = function() {
					    height += height * percent;
					    width += width * percent;
					    that.height = height;
					    that.width = width;
					};

                    if (maxWidth && width > maxWidth) {
                        percent = (maxWidth - width) / width;
                        setResize();
                    }
                    if (maxHeight && height > maxHeight) {
                        percent = (maxHeight - height) / height;
                        setResize();
                    }

                }

                else {

                }


                if (originalHeight > document.documentElement.clientHeight) {

                    $resizeImg = $('<img id="imgResize" />');

                    if (settings.scalePhotos == FALSE) {
                        $resizeImg.attr('src', '../images/zoom_out.gif');
                        $resizeImg.attr('alt', 'see full size image');

                    }
                    else {
                        $resizeImg.attr('src', '../images/zoom_in.gif');
                        $resizeImg.attr('alt', 'see full size image');

                    }

                    $resizeLink = $('<a href="#" id="resizeImg"></a>');
                    $resizeLink.append($resizeImg);

                    $resizeLink.click(function() {
                        if (settings.scalePhotos == FALSE) {
                            settings.scalePhotos = TRUE;
                            settings.maxWidth = "100%";
                            settings.maxHeight = "100%";

                        }
                        else {

                            settings.scalePhotos = FALSE;
                            settings.maxWidth = FALSE;
                            settings.maxHeight = FALSE;
                        }
                        cboxPublic.load();
                    })
                }

                else {
                    $resizeLink = "";
                }

                resize($("<div />").css({ width: this.width, height: this.height }).append($resizeLink).append($(this).css({ width: this.width, height: this.height, display: "block", margin: "auto", border: 0 }).attr('id', 'cboxPhoto')));



                if ($related.length > 1) {
                    $(this).css({ cursor: 'pointer' }).click(cboxPublic.next);
                }

                if (isIE) {
                    this.style.msInterpolationMode = 'bicubic';
                }
            };

            loadingElement.src = href;
            loadingElement.alt = "Right-click to download high-res image";
        } else {
            $('<div />').load(href, function(data, textStatus) {
                if (textStatus === "success") {
                    resize($(this));
                } else {
                    resize($("<p>Request unsuccessful.</p>"));
                }
            });
        }
    };

    //navigates to the next page/image in a set.
    cboxPublic.next = function() {
        index = index < $related.length - 1 ? index + 1 : 0;
        cboxPublic.load();
    };

    cboxPublic.prev = function() {
        index = index > 0 ? index - 1 : $related.length - 1;
        cboxPublic.load();
    };

    cboxPublic.slideshow = function() {
        var stop, timeOut, className = 'cboxSlideshow_';

        $slideshow.bind(cbox_cleanup, function() {
            clearTimeout(timeOut);
            $slideshow.unbind(cbox_complete + ' ' + cbox_load + " click");
        });

        function start() {
            $slideshow
			.text(settings.slideshowStop)
			.bind(cbox_complete, function() {
			    timeOut = setTimeout(cboxPublic.next, settings.slideshowSpeed);
			})
			.bind(cbox_load, function() {
			    clearTimeout(timeOut);
			}).one("click", function() {
			    stop();
			    $(this).removeClass(hover);
			});
            $cbox.removeClass(className + "off").addClass(className + "on");
        }

        stop = function() {
            clearTimeout(timeOut);
            $slideshow
			.text(settings.slideshowStart)
			.unbind(cbox_complete + ' ' + cbox_load)
			.one("click", function() {
			    start();
			    timeOut = setTimeout(cboxPublic.next, settings.slideshowSpeed);
			    $(this).removeClass(hover);
			});
            $cbox.removeClass(className + "on").addClass(className + "off");
        };

        if (settings.slideshow && $related.length > 1) {
            if (settings.slideshowAuto) {
                start();
            } else {
                stop();
            }
        }
    };

    //Note: to use this within an iframe use the following format: parent.$.fn.colorbox.close();
    cboxPublic.close = function() {
        
        $.event.trigger(cbox_cleanup);
        open = FALSE;
        $().unbind('keydown', cbox_key).unbind("keydown.cbox_close");
        
        $window.unbind(cbox_resize + " " + cbox_ie6);
        $overlay.css({ cursor: 'auto' }).fadeOut('fast');

        $cbox
		.stop(TRUE, FALSE)
		.fadeOut('fast', function() {
		    $loaded.remove();
		    $cbox.css({ 'opacity': 1 });
		    $content.children().hide();
		    $.event.trigger(cbox_closed);
		});
    };

    cboxPublic.element = function() { return element; };

    cboxPublic.settings = defaults;

    // Initializes ColorBox when the DOM has loaded
    $(cboxPublic.init);

} (jQuery));