// Copyright ©2009 Aaron Vanderzwan
// 
// This program is free software: you can redistribute it and/or modify
// it under the terms of the GNU General Public License as published by
// the Free Software Foundation, either version 3 of the License, or
// (at your option) any later version.
// 
// This program is distributed in the hope that it will be useful,
// but WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
// GNU General Public License for more details.
// 
// You should have received a copy of the GNU General Public License
// along with this program.  If not, see <http://www.gnu.org/licenses/>.



(function($) {
    // The maxImages plugin resizes an image dynamically, according to the width of the browser.
    jQuery.fn.maxImage = function(options) {

        // var opts = $.extend({}, $.fn.maxImage.defaults, options);
        var opts = jQuery.extend({
            wait: true,
            imageArray: [],
            maxFollows: 'both',  // Options: width, height, both
            verticalOffset: 0,
            horizontalOffset: 0,
            leftSpace: 0,
            topSpace: 0,
            rightSpace: 0,
            bottomSpace: 0,
            position: 'absolute',
            isBackground: false,
            zIndex: -10,
            verticalAlign: 'bottom',
            horizontalAlign: 'left',
            maxAtOrigImageSize: false,
            slideShow: false,
            slideDelay: 5,
            slideShowTitle: true,
            loaderClass: 'loader'
        }, options);

        // Cache jQuery object
        var jQueryMatchedObj = this;

        function _initialize() {
            _start(this, jQueryMatchedObj);
            return false;
        }

        function _start(image, jQueryMatchedObj) {
            if (opts.slideShow) {
                _setup_slideshow(jQueryMatchedObj);
            } else if (opts.isBackground) {
                Background._setup_background(image);
            } else {
                Others._setup_others(image, opts);
            }
        }

        Others = {
            _setup_others: function(image, opts) {

                $this = $(image);

                $(window).load(function() {

                    _get_orig_data($this);

                    _size_image($this);

                    Others._configure_css(image, opts);

                    $(window).resize(function() {
                        _size_image($this);
                    });

                });

            },
            _configure_css: function(image, opts) {
                if (opts.position == 'absolute') {
                    $(image).css({
                        'overflow': 'hidden',
                        'left': opts.leftSpace,
                        'top': opts.topSpace,
                        'position': 'absolute'
                    });

                    if (opts.verticalAlign == 'bottom') {
                        $(image).css({ 'bottom': opts.bottomSpace });
                    }
                    if (opts.horizontalAlign == 'right') {
                        $(image).css({ 'right': opts.rightSpace });
                    }
                } else {
                    $(image).css({
                        'margin-top': opts.topSpace,
                        'margin-right': opts.rightSpace,
                        'margin-bottom': opts.bottomSpace,
                        'margin-left': opts.leftSpace,
                        'position': 'relative'
                    });
                }
            }
        }

        Background = {
            _setup_background: function(image) {
                $this = $(image);
                $this.hide();

                Background._configure_css(image);
                $(window).load(function() {
                    _get_orig_data($this);
                    _size_image($this);

                    $this.show();

                    $(window).resize(function() {
                        _size_image($this);
                    });
                });

            },
            _configure_css: function(image) {
                // If position is set to absolute (or if isBackground)
                $(image).css({
                    'z-index': opts.zIndex
                });
                if (opts.position == 'absolute') {
                    $(image).css({
                        'overflow': 'hidden',
                        'left': opts.leftSpace,
                        'top': opts.topSpace,
                        'position': 'absolute'
                    });

                    $('html').css({ 'overflow': 'hidden' });

                    if (opts.verticalAlign == 'bottom') {
                        $(image).css({ 'bottom': opts.bottomSpace });
                    }
                    if (opts.horizontalAlign == 'right') {
                        $(image).css({ 'right': opts.rightSpace });
                    }
                } else {
                    $(image).css({
                        'margin-top': opts.topSpace,
                        'margin-right': opts.rightSpace,
                        'margin-bottom': opts.bottomSpace,
                        'margin-left': opts.leftSpace,
                        'position': 'relative'
                    });
                }
            }
        }


        // SLIDESHOW FUNCTIONS
        function _setup_slideshow(jQueryMatchedObj) {
            _build_slideshow_structure(jQueryMatchedObj);

            opts.imageArray.length = 0;

            if (jQueryMatchedObj.length == 1) {
                opts.imageArray.push(new Array(objClicked.getAttribute('src'), objClicked.getAttribute('title')));
            } else {
                for (var i = 0; i < jQueryMatchedObj.length; i++) {
                    opts.imageArray.push(new Array(jQueryMatchedObj[i].getAttribute('src'), jQueryMatchedObj[i].getAttribute('title')));
                    $(jQueryMatchedObj[i]).attr('original', $(jQueryMatchedObj[i]).attr('src')).attr('src', '');
                }
            }
            _loads_image(0);
        }

        function _build_slideshow_structure() {
            for (var i = 0; i < jQueryMatchedObj.length; i++) {
                $(jQueryMatchedObj[i]).addClass('slides slide-' + i).after('<div class="slideTitle">' + $(jQueryMatchedObj[i]).attr('title') + '</div>');
            }
            $('.slideTitle').hide().css({
                'padding': '10px',
                'background': '#e0e0e0',
                'position': 'absolute',
                'bottom': '0',
                'right': '5%',
                'opacity': '0.8'
            });
        }


        function _loads_image(nums) {

            var currentImage = nums;

            var objImagePreloader = new Image();
            objImagePreloader.onload = function() {
                $('.slide-' + currentImage).attr('src', opts.imageArray[currentImage][0]);
                _get_orig_data($('.slide-' + currentImage));
                _size_image($('.slide-' + currentImage));

                $(window).resize(function() {
                    _size_image($('.slide-0'));
                    _size_image($('.slide-' + currentImage));
                });

                if (currentImage == 0) {
                    _start_timer();
                }

                if (currentImage < opts.imageArray.length - 1) {
                    currentImage++;
                    _loads_image(currentImage);
                }

            }
            objImagePreloader.src = opts.imageArray[currentImage][0];
        }

        function _start_timer() {
            var currentSlide = 0;

            _configure_css();

            // Hide the loading graphic
            $('.' + opts.loaderClass).hide();

            // Fade in first image
            $('.slide-' + currentSlide).css({ 'z-index': opts.zIndex }).fadeIn();

            // If user wants to show titles, use this option
            if (opts.slideShowTitle) {
                $('.slide-' + currentSlide).next('.slideTitle').css({ 'z-index': opts.zIndex + 1 }).fadeIn();
            }

            // Start timer for slideshow
            var slideInterval = setInterval(function() {
                if (currentSlide < opts.imageArray.length - 1) {
                    currentSlide++;
                    lastSlide = currentSlide - 1;
                } else {
                    currentSlide = 0;
                    lastSlide = opts.imageArray.length - 1;
                }

                $('.slide-' + lastSlide).css({ 'z-index': opts.zIndex - 1 }).fadeOut('slow');
                $('.slide-' + currentSlide).css({ 'z-index': opts.zIndex }).fadeIn('slow');
                if (opts.slideShowTitle) {
                    next_title(currentSlide, lastSlide);
                }
            }, (opts.slideDelay * 1000));
        }

        function _configure_css() {
            for (i = 0; i < opts.imageArray.length; i++) {
                // Style the slide
                if (opts.position == 'absolute') {
                    $('.slide-' + i).css({
                        'left': opts.leftSpace,
                        'top': opts.topSpace,
                        'position': 'absolute',
                        'overflow': 'hidden'
                    });

                    $('html').css({ 'overflow': 'hidden' });

                    if (opts.verticalAlign == 'bottom') {
                        $('.slide-' + i).css({ 'bottom': opts.bottomSpace });
                    }
                    if (opts.horizontalAlign == 'right') {
                        $('.slide-' + i).css({ 'right': opts.rightSpace });
                    }
                } else {
                    $('.slide-' + i).css({
                        'margin-top': opts.topSpace,
                        'margin-right': opts.rightSpace,
                        'margin-bottom': opts.bottomSpace,
                        'margin-left': opts.leftSpace,
                        'position': 'relative'
                    });
                }


                // Style the title
                $('.slide-' + i).next('.slideTitle').css({
                    'position': 'absolute',
                    'bottom': 0,
                    'right': '5%'
                });
            }
        }


        function next_title(currentSlide, lastSlide) {
            $('.slide-' + lastSlide).next('.slideTitle').fadeOut();
            $('.slide-' + currentSlide).next('.slideTitle').fadeIn();
        }


        // BROAD FUNCTIONS - FOR EACH SECTION
        function _get_orig_data(image) {
            $this = image;

            jQuery('.PictureFrame').show();

            $this.attr('origWidth', $this.width());
            $this.attr('origHeight', $this.height());
         
            $this.attr('ratio', find_ratio($this.width(), $this.height()));
        }

        function _size_image(image) {
           
            $this = image;

            var originalWidth = to_i($this.attr('origWidth'));
            var originalHeight = to_i($this.attr('origHeight'));
            var ratio = $this.attr('ratio');

            var width_and_height = [];
            width_and_height = find_width_and_height(originalWidth, originalHeight, ratio);

            $this.width(width_and_height[0]);
            $this.height(width_and_height[1]);

            jQuery('.PictureFrame').show();

        }

        function find_width_and_height(originalWidth, originalHeight, ratio) {
            var pageWidth = $(window).width() - opts.horizontalOffset;
            var pageHeight = $(window).height() - opts.verticalOffset;

            if (!opts.isBackground) {
                if (opts.maxFollows == 'both') {
                    max_follows_width(pageWidth, ratio);

                    if (height > pageHeight) {
                        max_follows_height(pageHeight, ratio);
                    }
                } else if (opts.maxFollows == 'width') {
                    max_follows_width(pageWidth, ratio);
                } else if (opts.maxFollows == 'height') {
                    max_follows_height(pageHeight, ratio);
                }
            } else {
                width = pageWidth + 40;
                height = width / ratio;

                if (height < pageHeight) {
                    height = pageHeight - (opts.topSpace + opts.bottomSpace);
                    width = height * ratio;
                }
            }

            // If maxAtRatio == true and your new width is larger than originalWidth, size to originalWidth
            if (opts.maxAtOrigImageSize && width > originalWidth) {
                arrayImageSize = new Array(originalWidth, originalHeight);
            } else {
                arrayImageSize = new Array(width, height);
            }
            return arrayImageSize;
        }

        function max_follows_height(pageHeight, ratio) {
            height = pageHeight - (opts.topSpace + opts.bottomSpace);  // Page Height minus topSpace and bottomSpace
            width = height * ratio;
        }

        function max_follows_width(pageWidth, ratio) {
            width = pageWidth - (opts.leftSpace + opts.rightSpace); // Page Width minus leftSpace and rightSpace
            height = width / ratio;
        }

        function find_ratio(width, height) {
            width = to_i(width);
            height = to_i(height);
            var ratio = width / height;
            ratio = ratio.toFixed(2);
            return ratio;
        }

        function to_i(i) {
            last = parseInt(i);
            return last;
        }

        // private function for debugging
        function debug($obj) {
            if (window.console && window.console.log) {
                window.console.log($obj);
            }
        }

        return this.each(_initialize);
    };


})(jQuery);