var ImageSlider = {
    $slider: null,

    init: function () {
        this._initCycle();
        this._initVideoPlayers();
    },

    _initCycle: function () {
        var cycle_config = {
            fx: 'fade',
            speed: 500,
            timeout: 6000,
            pager: false,
            pauseOnHover: true,
            slides: 'article',
            swipe: true,
            next: ".cycle_next",
            prev: ".cycle_previous"
        };

        this.$slider = $(".cycle_slides_unit").cycle(cycle_config);

        // Disable autoplay when there are videos
        if($(".cycle_slides_unit").find('.cycle_slides__item-video, .cycle_slides__item-embed').length > 0)
        {
            this.$slider.cycle('pause');
        }
    },

    _initVideoPlayers: function () {
        var $videoPlayers = $('.videoplayer');
        var videoAutoSlider = true;

        if ($videoPlayers.length > 0) {
            this.$slider.on('cycle-resumed', function (event, optionHash) {
                if (jwplayer().getState() == 'PLAYING' || jwplayer().getState() == 'BUFFERING') {
                    //stop slider
                    if (videoAutoSlider) {
                        this.$slider.cycle('pause');
                        videoAutoSlider = false;
                    }
                } else {
                    //start slider
                    if (!videoAutoSlider) {
                        this.$slider.cycle('resume');
                        videoAutoSlider = true;
                    }
                }
            });
        }

        $videoPlayers.each(function (idx, element) {
            var $element = $(element);

            jwplayer($element.attr('id')).setup({
                'skin': "http://video.smulweb.nl/player/skins/sw_player_skin.swf",
                'stretching': "fill",
                'flashplayer': "http://video.smulweb.nl/player/player-licensed-5.9.swf",
                'image': $element.data('image'),
                'width': "100%",
                'height': "100%",
                'volume': 30,
                'screencolor': "0x000000",
                'smoothing': 'true',
                'controlbar': 'over',
                'autostart': 'false',
                'duration': "00:" + $element.data('length'),
                'logo.file': "",
                'logo.hide': "true",
                'logo.link': "",
                'logo.position': 'top-left',
                levels: [
                    {file: $element.data('url')}
                ]
            });
        });
    }
};

$(function () {
    ImageSlider.init();
});