var regionsSwiper;

var createRegionsSlider = function() {
  regionsSwiper = new Swiper('.js-regions-cities', {
    wrapperClass: 'regions__list',
    slideClass: 'regions__item',
    slideActiveClass: 'active',
    slidesPerView: 1,
    spaceBetween: 0,
    prevButton: '.regions__slider-prev',
    nextButton: '.regions__slider-next',
    buttonDisabledClass: 'disabled',
  });

  return regionsSwiper;
};

var regionsSlider = {
  regionsSwiper: undefined,

  init: function() {

    if ($('.js-regions-cities').length != 0) {
      if ($(window).width() < (768 - scrollbarWidth()) &&
          this.regionsSwiper == undefined) {
        this.regionsSwiper = createRegionsSlider();
      } else if ($(window).width() >= (768 - scrollbarWidth()) &&
          this.regionsSwiper !== undefined) {
        this.regionsSwiper.destroy(true, true);
        this.regionsSwiper = undefined;
        $('.js-regions-item').removeAttr('style');
      }
    }
  },
};