var isSliderDragging = false;
var startingSliderClickPos = [];

// const timestamp = function () {
//     let timeIndex = 1678166046264 / 1000;
//     let random = Math.floor(Math.random() * 1000);
  
//     return Math.round(timeIndex - random);
// };

$(document).ready(function() { 

    $('body').on('mousedown', '.slick-active .slider__popup-open', function(evt){
      isSliderDragging = false;
      startingSliderClickPos = [evt.pageX, evt.pageY];
    });
    $('body').on('mousemove', '.slick-active .slider__popup-open', function(evt){
      if (!(evt.pageX === startingSliderClickPos[0] && evt.pageY === startingSliderClickPos[1])) {
        isSliderDragging = true;
      }
    });
    $('body').on('mouseup', '.slick-active .slider__popup-open', function(evt){
      if (!isSliderDragging) {
        id = $(this).data('slide-id');

        $.ajax({
            'url': '/slider/slider/item',
            'type': 'GET',
            'data': { 'id' : id },
            'dataType': 'json',
            'success': function(jsondata) {
                showMessageBox('.slider-info-popup', { html: jsondata.html });
            }
        });
      }
      isSliderDragging = false;
      startingSliderClickPos = [];
    });

    $('.slider__popup-mobile-open').click(function(){
      index = $(this).data('slide-index');

      $sliderMobile = $('.slider-promo-mobile');
      $progressBar = $('.slider-info-mobile-popup__progressbar');
      
      $sliderMobile.on('beforeChange', function(event, slick, currentSlide, nextSlide) {
        for (i = 0; i <= slick.slideCount-1; i++) {
            currentPointer = $progressBar.find(".progressbar-promo__item[data-index='" + i + "']");

            if (i < nextSlide) {
                currentPointer.addClass('--viewed');
                currentPointer.removeClass('--animated');
            }

            if (i == nextSlide) {
                currentPointer.removeClass('--viewed');
                currentPointer.addClass('--animated');
            }
            
            if (i > nextSlide) {
                currentPointer.removeClass('--viewed');
                currentPointer.removeClass('--animated');
            }
        }
      });

      $sliderMobile.on('init', function() {
        showMessageBox('.slider-info-mobile-popup');
      });
          
      $sliderMobile.slick({
          dots: false,
          infinite: true,
          slidesToShow: 1,
          slidesToScroll: 1,
          adaptiveHeight: false,
          pauseOnHover: false,
          arrows: false,
          autoplay: true,
          autoplaySpeed: 6000,
          speed: 300,
          initialSlide: index,
      });

      $sliderMobile.slick("refresh");
      

      //$('.slider-promo-mobile').slick('slickGoTo', index);
    });




    /*window.Zuck(document.querySelector('#stories'), {
        backNative: true,
        previousTap: true,
        autoFullScreen: true,
        avatars: false,
        paginationArrows: true,
        list: false,
        cubeEffect: false,
        localStorage: true,
        stories: [
          {
            id: 'ramon',
            photo:
              'https://raw.githubusercontent.com/ramonszo/assets/master/zuck.js/users/1.jpg',
            name: 'Ramon',
            time: timestamp(),
            items: [
              {
                id: 'ramon-1',
                type: 'photo',
                length: 3,
                src: 'https://raw.githubusercontent.com/ramonszo/assets/master/zuck.js/stories/1.jpg',
                preview:
                  'https://raw.githubusercontent.com/ramonszo/assets/master/zuck.js/stories/1.jpg',
                link: '',
                linkText: false,
                time: timestamp()
              },
              {
                id: 'ramon-2',
                type: 'video',
                length: 0,
                src: 'https://raw.githubusercontent.com/ramonszo/assets/master/zuck.js/stories/2.mp4',
                preview:
                  'https://raw.githubusercontent.com/ramonszo/assets/master/zuck.js/stories/2.jpg',
                link: '',
                linkText: false,
                time: timestamp()
              },
              {
                id: 'ramon-3',
                type: 'photo',
                length: 3,
                src: 'https://raw.githubusercontent.com/ramonszo/assets/master/zuck.js/stories/3.png',
                preview:
                  'https://raw.githubusercontent.com/ramonszo/assets/master/zuck.js/stories/3.png',
                link: 'https://ramon.codes',
                linkText: 'Visit my Portfolio',
                time: timestamp()
              }
            ]
          },
        ]
      });*/
});