/* ------------------------------------------------------------------------
Class: prettyGallery
Use: Gallery plugin for jQuery
Author: Stephane Caron (http://www.no-margin-for-errors.com)
Version: 1.1
------------------------------------------------------------------------- */

jQuery.fn.prettyGallery = function(settings) {
    settings = jQuery.extend({
        itemsPerPage: 5,
        animationSpeed: 'normal', /* fast/normal/slow */
        navigation: 'top',  /* top/bottom/both */
        of_label: ' of ', /* The content in the page "1 of 2" */
        previous_title_label: 'Previous page', /* The title of the previous link */
        next_title_label: 'Next page', /* The title of the next link */
        previous_label: 'Previous', /* The content of the previous link */
        next_label: 'Next' /* The content of the next link */
    }, settings);
    return this.each(function() {
        // Global variables needed in multiple functions.	
        var currentPage = 1;
        var itemWidth = 0;
        var itemHeight = 0;
        var galleryWidth = 0;
        var pageCount = 0;
        var animated = false;
        var $gallery = $(this);

        var prettyGalleryPrevious = function(caller) {
            // Make sure not to double animate, and not animate of the button is disabled
            if (animated || $(caller).hasClass('disabled')) return;
            animated = true;

            $gallery.find('li:lt(' + (currentPage * settings.itemsPerPage) + ')').each(function(i) {
                $(this).animate({ 'left': parseFloat($(this).css('left')) + (galleryWidth + itemMargin) }, settings.animationSpeed, function() {
                    animated = false;
                });
            });

            $gallery.find('li:gt(' + ((currentPage * settings.itemsPerPage) - 1) + ')').each(function(i) {
                $(this).animate({ 'left': parseFloat($(this).css('left')) + (galleryWidth + itemMargin) }, settings.animationSpeed);
            });

            currentPage--;

            _displayPaging();
        };

        var prettyGalleryNext = function(caller) {
            // Make sure not to double animate, and not animate of the button is disabled
            if (animated || $(caller).hasClass('disabled')) return;
            animated = true;

            $gallery.find('li:lt(' + (currentPage * settings.itemsPerPage) + ')').each(function(i) {
                $(this).animate({ 'left': parseFloat($(this).css('left')) - (galleryWidth + itemMargin) }, settings.animationSpeed, function() {
                    animated = false;
                });
            });

            $gallery.find('li:gt(' + ((currentPage * settings.itemsPerPage) - 1) + ')').each(function(i) {
                $(this).animate({ 'left': parseFloat($(this).css('left')) - (galleryWidth + itemMargin) }, settings.animationSpeed);
            });

            currentPage++;

            _displayPaging();
        };

        var _formatGallery = function() {
            itemWidth = $gallery.find('li:first').width();
            itemMargin = parseFloat($gallery.find('li:first').css('margin-right')) + parseFloat($gallery.find('li:first').css('margin-left')) + parseFloat($gallery.find('li:first').css('padding-left')) + parseFloat($gallery.find('li:first').css('padding-right')) + parseFloat($gallery.find('li:first').css('border-left-width')) + parseFloat($gallery.find('li:first').css('border-right-width'));
            itemHeight = $gallery.find('li:first').height() + parseFloat($gallery.find('li:first').css('margin-top')) + parseFloat($gallery.find('li:first').css('margin-bottom')) + parseFloat($gallery.find('li:first').css('padding-top')) + parseFloat($gallery.find('li:first').css('padding-bottom'));
            galleryWidth = (itemWidth + itemMargin) * settings.itemsPerPage - parseFloat($gallery.find('li:first').css('margin-right')); // We don't want the margin of the last item, that's why we remove it.

            $gallery.css({
                'width': galleryWidth,
                'height': itemHeight,
                'overflow': 'hidden',
                'position': 'relative',
                'clear': 'left'
            });
            $gallery.find('li').each(function(i) {
                $(this).css({
                    'position': 'absolute',
                    'top': 0,
                    'left': i * (itemWidth + itemMargin)
                });
            });

            $gallery.wrap('<div class="prettyGallery"></div>').addClass('prettyGallery');
        };

        var _displayPaging = function() {
            $cg = $gallery.parents('div.prettyGallery:first'); // The containing gallery

            $cg.find('ul.prettyNavigation span.current').text(currentPage);
            $cg.find('ul.prettyNavigation span.total').text(pageCount);

            // Make sur all the links are enabled
            $('a.prev_gal').removeClass('disabled');
            $('a.next_gal').removeClass('disabled');

            // Display the proper nav
            if (currentPage == 1) {
                // Hide the previous button
                $('a.prev_gal').addClass('disabled');
            } else if (currentPage == pageCount) {
                // Hide the next button
                $('a.next_gal').addClass('disabled');
            };
        };

        var _applyNav = function() {
            var template = '';
            template += '<ul class="prettyNavigation">';
            template += '<li class="prev"><a href="#" title="' + settings.previous_title_label + '">' + settings.previous_label + '</a></li>';
            template += '<li><span class="current">1</span>' + settings.of_label + '<span class="total">1</span></li>';
            template += '<li class="next"><a href="#" title="' + settings.next_title_label + '">' + settings.next_label + '</a></li>';
            template += '</ul>';

            switch (settings.navigation) {
                case 'top':
                    $gallery.before(template);
                    break;
                case 'bottom':
                    $gallery.after(template);
                    break;
                case 'both':
                    $gallery.before(template);
                    $gallery.after(template);
                    break;
            };

            // Adjust the nav to the gallery width
            $theNav = $gallery.parent('div.prettyGallery:first').find('ul.prettyNavigation');
            galleryBorderWidth = parseFloat($theNav.css('border-left-width')) + parseFloat($theNav.css('border-right-width'));
            $theNav.width(galleryWidth - galleryBorderWidth);
            $theNav.each(function() {
                $(this).find('li:eq(1)').width(galleryWidth - galleryBorderWidth - parseFloat($(this).parent().find('ul.prettyNavigation li:first').width()) - parseFloat($(this).parent().find('ul.prettyNavigation li:last').width()));
                //$(this).find('li:eq(1)').width('260px'); // hardkodirano da stane u sirinu
                //$(this).width('300px');
            });

            $('a.next_gal').bind('click', function() {
                prettyGalleryNext(this);
                return false;
            });
            $('a.prev_gal').bind('click', function() {
                prettyGalleryPrevious(this);
                return false;
            });

            // Apply the functions to the buttons
            $theNav.find('li.prev a').bind('click', function() {
                prettyGalleryPrevious(this);
                return false;
            });

            $theNav.find('li.next a').bind('click', function() {
                prettyGalleryNext(this);
                return false;
            });


            ;
        };

        // Check if we need the gallery
        if ($(this).find('li').size() > settings.itemsPerPage) {
            // Set the number of pages
            pageCount = Math.ceil($(this).find('li').size() / settings.itemsPerPage);

            // Format the gallery properly
            _formatGallery();

            // Build and display the nav
            _applyNav();

            // Display the proper paging
            _displayPaging(this);
            currentPage = 1;

        };
        if ($(this).find('li').size() <= 5) {
            $(".prevCont").css({ display: 'none' });
            $(".nextCont").css({ display: 'none' });
        }
    });
};