jQuery(document).ready(function() {
    // Adapted from http://jqueryfordesigners.com/coda-slider-effect/
    var panels = jQuery('#fp-widget #content-catcher > div');
    var container = jQuery('#fp-widget #content-catcher');

    container.css('width', panels[0].offsetWidth * panels.length);

    var scroll = jQuery('#fp-widget #content-group').css('overflow', 'hidden');
    panels.css('width', parseInt(jQuery('#fp-widget').css('width')) - 42 + 'px');
    jQuery(window).resize(function() {
        panels.css('width', parseInt(jQuery('#fp-widget').css('width')) - 42 + 'px');
    });

    function selectNav() {
        jQuery(this)
            .parents('ul:first')
                .find('li')
                    .removeClass('selected')
                .end()
            .end()
            .parent()
                .addClass('selected');
    }

    function trigger(data) {
        var el = jQuery('#fp-widget #fp-nav').find('a[href$="' + data.id + '"]').get(0);
        selectNav(el);
    }

    jQuery('#fp-widget #fp-nav').find('a').click(selectNav);

    var offset = parseInt(container.css('paddingLeft')) * -1;
    var scrollOptions = {
        target: scroll,
        items: panels,
        navigation: '#fp-nav a',
        axis: 'xy',
        onAfter: trigger,
        offset: offset,
        duration: 500,
        easing: 'swing'
    };

    jQuery('#fp-widget').serialScroll(scrollOptions);
    jQuery.localScroll(scrollOptions);

    var navEles = jQuery('#fp-widget #fp-nav').find('a');
    window.initer = 2;
    function navLooper() {
        jQuery(navEles[window.initer - 1]).trigger('click');
        if (initer == navEles.length) {
            initer = 1;
        }
        else {
            initer++;
        }
    }
    window.widgetTimer = setInterval(navLooper, 10000);
    jQuery(navEles[0]).trigger('click');
    jQuery('#fp-nav li').mouseenter(function() {
            clearInterval(window.widgetTimer);
            });
    jQuery('#content-group').mouseenter(function() {
            clearInterval(window.widgetTimer);
            });
    jQuery('#fp-nav li').mouseleave(function() {
            window.widgetTimer = setInterval(navLooper, 10000);
            });
    jQuery('#content-group').mouseleave(function() {
            window.widgetTimer = setInterval(navLooper, 10000);
            });

});