(function ($, Drupal, drupalSettings) {
  Drupal.behaviors.mtSliderRevolutionInternalBanner = {
    attach: function (context, settings) {

      if (drupalSettings.magazineplus.sliderRevolutionInternalBannerInit.slideshowInternalBannerNavigationStyle == "bullets") {
        var bulletsEnable = true,
        tabsEnable = false;
        thumbsEnable = false;
      } else if (drupalSettings.magazineplus.sliderRevolutionInternalBannerInit.slideshowInternalBannerNavigationStyle == "titles_carousel") {
        var tabsEnable = true,
        bulletsEnable = false;
        thumbsEnable = false;
      } else {
        var tabsEnable = false,
        bulletsEnable = false;
        thumbsEnable = true;
      }

      $(context).find('.slideshow-internal .slider-revolution').once('mtSliderRevolutionInternalBannerInit').revolution({
        sliderType:"standard",
        sliderLayout:"auto",
        gridwidth: [1170,970,750,450],
        gridheight: drupalSettings.magazineplus.sliderRevolutionInternalBannerInit.slideshowInternalBannerInitialHeight,
        delay: drupalSettings.magazineplus.sliderRevolutionInternalBannerInit.slideshowInternalBannerEffectTime,
        disableProgressBar:'off',
        responsiveLevels:[1199,991,767,480],
        navigation: {
          onHoverStop:"off",
          arrows:{
            enable:true,
            tmp: '',
            left:{
              h_align:"left",
              v_align:"top",
              h_offset:50,
              v_offset:40
            },
            right:{
              h_align:"left",
              v_align:"top",
              h_offset:120,
              v_offset:40
            }
          },
          bullets:{
            style:"",
            enable:bulletsEnable,
            direction:"horizontal",
            space: 5,
            h_align: drupalSettings.magazineplus.sliderRevolutionInternalBannerInit.slideshowInternalBannerBulletsPosition,
            v_align:"bottom",
            h_offset: 0,
            v_offset: 20,
            tmp:"",
          },
          thumbnails: {
            style:"",
            enable:thumbsEnable,
            width:370,
            height:95,
            min_width:240,
            tmp:'<div class="tp-thumb-content"><span class="tp-thumb-title">{{title}}</span></div><div class="tp-thumb-image"><span class="tp-thumb-img-wrap">  <span class="tp-thumb-image"></span></span></div>',
            visibleAmount:5,
            wrapper_padding:70,
            wrapper_color:"transparent",
            hide_onmobile:true,
            hide_onleave:false,
            direction:"vertical",
            span:true,
            position:"inner-right",
            space:20,
            h_align:"right",
            v_align:"top",
            h_offset:0,
            v_offset:0
          },
          tabs: {
            style:"",
            enable:tabsEnable,
            width:410,
            height:95,
            min_width:240,
            wrapper_padding: 0,
            wrapper_opacity:"1",
            tmp:'<div class="tp-tab-content"><span class="tp-tab-title">{{title}}</span></div>',
            visibleAmount: 6,
            hide_onmobile: false,
            hide_onleave: false,
            direction:"horizontal",
            span: true,
            position:"outer-bottom",
            space:0,
            h_align:"left",
            v_align:"bottom",
            h_offset:0,
            v_offset:0
          },
          touch:{
            touchenabled: drupalSettings.magazineplus.sliderRevolutionInternalBannerInit.slideshowInternalBannerTouchSwipe,
            swipe_treshold:75,
            swipe_min_touches:1,
            drag_block_vertical:false,
            swipe_direction:"horizontal"
          }
        }
      });

      $(context).find('.slideshow-internal .slider-revolution').once('mtSliderRevolutionInternalBannerFade').bind("revolution.slide.onloaded",function (e) {
        $(context).find('.slider-revolution-wrapper:not(.one-slide) .tparrows').fadeIn("slow");
      });
      $(context).find('.transparent-background').once('mtSliderRevolutionInternalBannerBG').css("backgroundColor", "rgba(0, 0, 0," + drupalSettings.magazineplus.slideshowCaptionOpacity + ")");

    }
  };
})(jQuery, Drupal, drupalSettings);