jQuery(document).ready(function ($) {
    function setupGallery(selector, interval, mousewheel) {
        var $gallery = $(selector);
        if ($gallery.length === 0) return;

        $gallery
            .scrollable({
                circular: true,
                mousewheel: false,
                onSeek: onAfterScroll
            })
            .navigator({
                navi: "#banner-nav",
                naviItem: 'a',
                activeClass: 'current',
                history: false
            });

        if (interval > 0) {
            $gallery.autoscroll({ interval: interval })
        }

        var data = $('.image-gallery .items .item:eq(1)').find('.hidden-content').html();
        $('.image-gallery #text-content').html(data);
    }
    function onAfterScroll(event, tabIndex) {
        var $current = $('.image-gallery .items  .item:eq(' + (tabIndex + 1) + ')');
        var data = $current.find('.hidden-content').html();
        $('.image-gallery #text-content').html(data);
    }
    setupGallery('.image-gallery', 5000, true);
});