/* ------------------------------------------------------------------------
	Class: prettyPopin
	Use: Alternative to popups
	Author: Stephane Caron (http://www.no-margin-for-errors.com)
	Version: 1.3
------------------------------------------------------------------------- */

var _followScroll = false;
var _readyBound = false;

(function($) {
    $.fn.prettyPopin = function(settings) {
        settings = jQuery.extend({
            modal: false, /* true/false */
            width: false, /* false/integer */
            height: false, /* false/integer */
            opacity: 0.5, /* value from 0 to 1 */
            animationSpeed: 'fast', /* slow/medium/fast/integer */
            followScroll: true, /* true/false */
            loader_path: '/SystemSupport/ClientScripts/prettyPopin/images/prettyPopin/loader.gif', /* path to your loading image */
            onload: function() { },
            callback: function() { } /* callback called when closing the popin */
        }, settings);

        function bindReady() { // To bind them only once
            if (_readyBound) return;
            _readyBound = true;
            $(window).scroll(function() { _centerPopin(); });
            $(window).resize(function() { _centerPopin(); });
        };
        bindReady();

        return this.each(function() {
            var popinWidth;
            var popinHeight;
            var $c;

            $(this).click(function() {
                buildoverlay();
                buildpopin();

                // Load the content
                if (/^#/.test($(this).attr('href'))) {
                    var responseText = $($(this).attr('href')).html();
                    $('.prettyPopin .prettyContent .prettyContent-container').html(responseText);

                    // This block of code is used to calculate the width/height of the popin
                    popinWidth = settings.width || $('.prettyPopin .prettyContent .prettyContent-container').width() + parseFloat($('.prettyPopin .prettyContent .prettyContent-container').css('padding-left')) + parseFloat($('.prettyPopin .prettyContent .prettyContent-container').css('padding-right'));
                    $('.prettyPopin').width(popinWidth);
                    popinHeight = settings.height || $('.prettyPopin .prettyContent .prettyContent-container').height() + parseFloat($('.prettyPopin .prettyContent .prettyContent-container').css('padding-top')) + parseFloat($('.prettyPopin .prettyContent .prettyContent-container').css('padding-bottom'));
                    $('.prettyPopin').height(popinHeight);

                    // Now reset the width/height
                    $('.prettyPopin').height(45).width(45);

                    displayPopin();
                }
                else {
                    $.get($(this).attr('href'), function(responseText) {
                        $('.prettyPopin .prettyContent .prettyContent-container').html(responseText);

                        // This block of code is used to calculate the width/height of the popin
                        popinWidth = settings.width || $('.prettyPopin .prettyContent .prettyContent-container').width() + parseFloat($('.prettyPopin .prettyContent .prettyContent-container').css('padding-left')) + parseFloat($('.prettyPopin .prettyContent .prettyContent-container').css('padding-right'));
                        $('.prettyPopin').width(popinWidth);
                        popinHeight = settings.height || $('.prettyPopin .prettyContent .prettyContent-container').height() + parseFloat($('.prettyPopin .prettyContent .prettyContent-container').css('padding-top')) + parseFloat($('.prettyPopin .prettyContent .prettyContent-container').css('padding-bottom'));
                        $('.prettyPopin').height(popinHeight);

                        // Now reset the width/height
                        $('.prettyPopin').height(45).width(45);

                        displayPopin();
                    });
                }

                settings.onload();
                return false;
            });

            var displayPopin = function() {
                var scrollPos = _getScroll();

                projectedTop = ($(window).height() / 2) + scrollPos['scrollTop'] - (popinHeight / 2);
                if (projectedTop < 0) {
                    projectedTop = 10;
                    _followScroll = false;
                } else {
                    _followScroll = settings.followScroll;
                };

                $('.prettyPopin').animate({
                    'top': projectedTop,
                    'left': ($(window).width() / 2) + scrollPos['scrollLeft'] - (popinWidth / 2),
                    'width': popinWidth,
                    'height': popinHeight
                }, settings.animationSpeed, function() {
                    displayContent();
                });
            };

            var buildpopin = function() {
                $('body').append('<div class="prettyPopin"><a href="#" id="b_close" rel="close">Close</a><div class="prettyContent"><img src="' + settings.loader_path + '" alt="Loading" class="loader" /><div class="prettyContent-container"></div></div></div>');
                $c = $('.prettyPopin .prettyContent .prettyContent-container'); // The content container

                $('.prettyPopin a[rel=close]:eq(0)').click(function() { closeOverlay(); return false; });

                var scrollPos = _getScroll();

                // Show the popin
                $('.prettyPopin').width(45).height(45).css({
                    'top': ($(window).height() / 2) + scrollPos['scrollTop'],
                    'left': ($(window).width() / 2) + scrollPos['scrollLeft']
                }).hide().fadeIn(settings.animationSpeed);
            };

            var buildoverlay = function() {
                $('body').append('<div id="overlay"></div>');

                // Set the proper height
                $('#overlay').css('height', $(document).height());

                // Fade it in
                $('#overlay').css('opacity', 0).fadeTo(settings.animationSpeed, settings.opacity);

                if (!settings.modal) {
                    $('#overlay').click(function() {
                        closeOverlay();
                    });
                };
            };

            var displayContent = function() {
                $c.parent().find('.loader').hide();
                $c.parent().parent().find('#b_close').show();
                $c.fadeIn(function() {
                    // Focus on the first form input if there's one
                    $(this).find('input[type=text]:first').trigger('focus');

                    // Check for paging
                    $('.prettyPopin a[rel=internal]').click(function() {
                        $link = $(this);

                        // Fade out the current content
                        $c.fadeOut(function() {
                            $c.parent().find('.loader').show();

                            // Submit the form
                            $.get($link.attr('href'), function(responseText) {
                                // Replace the content
                                $c.html(responseText);

                                _refreshContent($c);
                            });
                        });
                        return false;
                    });


                    // Submit the form in ajax
                    $('.prettyPopin form').bind('submit', function() {
                        $theForm = $(this);
                        // Fade out the current content
                        $c.fadeOut(function() {
                            $c.parent().find('.loader').show();

                            // Submit the form
                            $.post($theForm.attr('action'), $theForm.serialize(), function(responseText) {
                                // Replace the content
                                $c.html(responseText);

                                _refreshContent($c);
                            });
                        });
                        return false;
                    });
                });
                $('.prettyPopin a[rel=close]:gt(0)').click(function() { closeOverlay(); return false; });
            };

            var _refreshContent = function() {
                var scrollPos = _getScroll();

                if (!settings.width) popinWidth = $c.width() + parseFloat($c.css('padding-left')) + parseFloat($c.css('padding-right'));
                if (!settings.height) popinHeight = $c.height() + parseFloat($c.css('padding-top')) + parseFloat($c.css('padding-bottom'));

                projectedTop = ($(window).height() / 2) + scrollPos['scrollTop'] - (popinHeight / 2);
                if (projectedTop < 0) {
                    projectedTop = 10;
                    _followScroll = false;
                } else {
                    _followScroll = settings.followScroll;
                };

                $('.prettyPopin').animate({
                    'top': projectedTop,
                    'left': ($(window).width() / 2) + scrollPos['scrollLeft'] - (popinWidth / 2),
                    'width': popinWidth,
                    'height': popinHeight
                }, settings.animationSpeed, function() {
                    displayContent();
                });
            };

            var closeOverlay = function() {
                $('#overlay').fadeOut(settings.animationSpeed, function() { $(this).remove(); });
                $('.prettyPopin').fadeOut(settings.animationSpeed, function() { $(this).remove(); settings.callback() });
            };
        });

        function _centerPopin() {
            if (!_followScroll) return;

            // Make sure the popin exist
            if (!$('.prettyPopin')) return;

            var scrollPos = _getScroll();

            if ($.browser.opera) {
                windowHeight = window.innerHeight;
                windowWidth = window.innerWidth;
            } else {
                windowHeight = $(window).height();
                windowWidth = $(window).width();
            };

            projectedTop = ($(window).height() / 2) + scrollPos['scrollTop'] - ($('.prettyPopin').height() / 2);
            if (projectedTop < 0) {
                projectedTop = 10;
                _followScroll = false;
            } else {
                _followScroll = true;
            };

            $('.prettyPopin').css({
                'top': projectedTop,
                'left': ($(window).width() / 2) + scrollPos['scrollLeft'] - ($('.prettyPopin').width() / 2)
            });
        };

        function _getScroll() {
            scrollTop = window.pageYOffset || document.documentElement.scrollTop || 0;
            scrollLeft = window.pageXOffset || document.documentElement.scrollLeft || 0;
            return { scrollTop: scrollTop, scrollLeft: scrollLeft };
        };
    };
})(jQuery);