﻿(function($) 
{
    var gallery =
    {
        listing : null,
        
        init: function()
        {
            gallery.listing = $('#gallery-widget ul.gallery');

            if (gallery.listing.length == 0) return;

            var listingLength = gallery.listing.children('li').length;
            $('div#gallery-widget div.gallery-control span.gallery-status').text('1 of ' + listingLength.toString());

            gallery.listing.cycle({
                fx: 'fade',
                timeout: 5000,
                speed: 600,
                next: '#gallery-widget div.gallery-control a.gallery-forward',
                prev: '#gallery-widget div.gallery-control a.gallery-back',
                after: gallery.onStoryTransition
            });

            $('#gallery-widget div.gallery-control a.gallery-pause').click(gallery.onPause);
        },

        onPause: function(event)
        {
            var btn = $(this);

            if (btn.hasClass('gallery-pause'))
            {
                btn.removeClass('gallery-pause');
                btn.addClass('gallery-play');
                gallery.listing.cycle('pause');
            }
            else
            {
                btn.removeClass('gallery-play');
                btn.addClass('gallery-pause');
                gallery.listing.cycle('resume');
            }

            event.preventDefault();
        },

        onStoryTransition: function(currSlideElement, nextSlideElement, options, forwardFlag)
        {
            $('#gallery-widget div.gallery-control span.gallery-status').text((options.currSlide + 1).toString() + ' of ' + gallery.listing.children('li').length.toString());
        }
    };
    
    $(document).ready(gallery.init);
})(jQuery);