let blocks = document.querySelectorAll(".block-o");
let size = 150;

[].forEach.call(blocks, block =>
{
  if (block.innerHTML.length > size)
  {
  	block.innerHTML = block.innerHTML.substr(0, size);
    block.innerHTML += '...'
<!--     block.innerHTML += '... <a href="/reviews/" class="read-more-button">все&nbspотзывы</a>' -->
  }
});

const customSelectJs = document.querySelector(".custom-select-js")
if(customSelectJs) {
    document.querySelectorAll('.custom-select-js').forEach(select => { //Выбриаем все выпадающие списки на странице

        let selectCurrent = select.querySelector('.select__current'),
            selectList = select.querySelector('.select__list'),
            selectInput = select.querySelector('.select__input'),
            selectItem = select.querySelectorAll('.select__item');

        //по клику добавляем/удалям класс
        selectCurrent.addEventListener('click', () => {
            selectList.classList.toggle('show')
        })

        //обходим элементы списка
        selectItem.forEach(item =>{

            //обрабатываем событие клик по элементу
            item.addEventListener('click', ()=>{

                //получаем значение из data-атрибута
                let itemValue = item.getAttribute('data-value')

                //получаем содержание элемента (текст)
                let itemText = item.textContent

                //присваиваем инпуту ранее полученное значение из data-атрибута
                selectInput.value = itemValue

                //присваиваем текущее значение (текст)
                selectCurrent.textContent = itemText

                //скрываем выпадающий список
                selectListHide()
            })
        })

        // функция закрытия выпадающего списка
        let selectListHide = () => {
            selectList.classList.remove('show')
        }
        //Закрываем выпадающий сисок, если клик был вне области
        document.addEventListener('mouseup', (e) =>{
            if (!select.contains(e.target))	selectListHide()
        })
    })
}

const swiper = new Swiper('.swiper', {
  // Optional parameters


  // If we need pagination
  pagination: {
    el: '.swiper-pagination',
  },

  // Navigation arrows
  navigation: {
    nextEl: '.ap__card-swiper-button-next',
    prevEl: '.ap__card-swiper-button-prev',
  },

});

const swiperPhoto = new Swiper('.gallery__card', {
  // Optional parameters
  slidesPerView: 1,

  // Navigation arrows
  navigation: {
    nextEl: '.gallery__card-swiper-button-next',
    prevEl: '.gallery__card-swiper-button-prev',
  },

});

const modal = new GraphModal();

const galleryThumbs0 = new Swiper('.gallery-thumbs-number-0', {
  spaceBetween: 8,
  slidesPerView: 6,
  freeMode: false,
  watchSlidesVisibility: true,
  watchSlidesProgress: true,
});

const galleryTop0 = new Swiper('.gallery-top-number-0', {
  spaceBetween: 10,
  navigation: {
    nextEl: '.gallery__card-swiper-button-next2-number-0',
    prevEl: '.gallery__card-swiper-button-prev2-number-0',
  },
  thumbs: {
    swiper: galleryThumbs0  },
});



const burgerOpen = document.querySelector('.menu');
const burgerIcon = document.querySelector('.header__top-item--burger');
const burgerIco = document.querySelector('.header__top-item--cl-burger');

document.querySelector('.burg__wrapper').onclick = function() {
  burgerOpen.classList.toggle('header__bottom--active');
  burgerIcon.classList.toggle('header__top-item--burger-close');
  burgerIco.classList.toggle('header__top-item--burger-active');
};