;
(function ($) {


//  Video Trigger Volume Page
    let videoTrigger = $('.js-video-trigger');
    let videoBg = $('.js-video-bg');
    let mainContetnt = $('.volume_page');
    let animationContainer = $('.volume_page__animation');
    let videoWrap = $('.volume_page__video-wrap');
    let introSection = $('.volume_page__intro');
    let introCopy = $('.volume_page__intro-copy');

    // let slideIndex;

    videoTrigger.click(function (e) {

        videoBg.trigger('play');
        animationContainer.addClass('visible');
        videoWrap.addClass('visible');

        setTimeout(function () {
            introSection.addClass('fade-out');
            mainContetnt.addClass('visible');
        }, 5000);

        setTimeout(function () {
            introSection.addClass('hide-content');
            mainContetnt.removeClass('hide-content');
        }, 5600);

    })

    // Fit slide video background to video holder
    function resizeVideo() {
        //var $video = $('.video');
        var $trailer = $('.videoHolder');
        $trailer.find('.video').each(function () {
            if ($trailer.width() / 16 > $trailer.height() / 9) {
                $(this).css({'width': '100%', 'height': 'auto'});
            } else {
                $(this).css({'width': 'auto', 'height': '100%'});
            }
        });
        $trailer.find('.responsive-embed').each(function () {
            if ($trailer.width() / 16 > $trailer.height() / 9) {
                $(this).css({'width': '100%', 'height': 'auto'});
            } else {
                $(this).css({'width': $trailer.height() * 16 / 9, 'height': '100%'});
            }
        });
    }

    // Sticky Footer
    var bumpIt = function () {
            // $('body').css('padding-bottom', $('.footer').outerHeight(true));
            $('.footer').addClass('sticky-footer');
        },
        didResize = false;

    $(window).resize(function () {
        didResize = true;
    });
    setInterval(function () {
        if (didResize) {
            didResize = false;
            bumpIt();
        }
    }, 250);

    function wikiSearch() {
        var timeout;

        $('.js-live-search-box').on('keyup', function () {
            var $this = $(this)
            var val = $this.val()
            if (timeout) {
                clearTimeout(timeout);
            }
            timeout = setTimeout(function () {
                timeout = null;
                var data = {
                    action: 'wiki_search',
                    s: val,
                    category: $this.data('wiki'),
                }

                if (val !== '') {
                    $.ajax({
                        url: window.ajax.url,
                        data: data,
                        type: 'POST',
                        dataType: 'html',
                    }).done(function (data) {
                        if (data) {
                            $this.siblings('.js-search-result').html(data)
                        }
                    })
                } else {
                    $this.siblings('.js-search-result').html('')
                }
            }, 1000);
        })
    }


    // Scripts which runs after DOM load
    $(document).ready(function () {
        if ($('.js-live-search-box').length) {
            wikiSearch()
        }

        $('#main table').each(function () {
            $(this).wrap("<div class='table-wrapper'></div>");
        });
//open Bootstrap dropdown menu on hover
        jQuery(function ($) {
            if ($(window).width() > 769) {
                $('.navbar .dropdown').hover(function () {
                    $(this).find('.dropdown-menu').first().stop(true, true).delay(250).slideDown();

                }, function () {
                    $(this).find('.dropdown-menu').first().stop(true, true).delay(100).slideUp();

                });

                $('.navbar .dropdown > a').click(function () {
                    location.href = this.href;
                });

            }
        });

        //WOW animations
        wow = new WOW(
            {
                boxClass: 'wow',      // default
                animateClass: 'animate__animated', // default
                offset: 0,          // default
                mobile: true,       // default
                live: true        // default
            }
        )
        wow.init();

        $("#to_top__button").click(function (e) {
            e.preventDefault();
            $("html, body").animate({
                scrollTop: 0
            }, 800)
        });

        // Click on body close form {
        $('body').on('click', function (e) {
            var target = $(e.target);
            if ((!target.is('.footer__sign_up_link') && !target.is('footer .contact_form, footer .contact_form *')) && $('footer .contact_form').css("display") == 'block') {
                $('.contact_form').toggle();
            }
        });
        // } Click on body close form

        $(".footer__sign_up_link").click(function (e) {
            e.preventDefault();
            $(".contact_form").toggle();
        });


        $("header .searchform__button, header input[name='s']").on('click', function (e) {
            $("header .searchform__input input[name='s']").toggle();
            if (!$(this).hasClass('active') && $(window).width() >= 768) {
                e.preventDefault();
                $('#s').focus();
            }
            $(this).addClass('active')
            $("header .searchform__input rect").addClass('play');
        });

        $(document).mouseup(function (e) {
            if (
                !$('#searchform').is(e.target) &&
                $('#searchform').has(e.target).length === 0 &&
                $(".searchform__button", '#searchform').hasClass('active')
            ) {
                $(".searchform__button", '#searchform').removeClass('active')
                $(".searchform__input rect").removeClass('play');
                $("header .searchform__input input[name='s']").toggle();
            }
        });

        if ($(window).width() <= 767) {
            $(".searchform__input rect").addClass('play');

            $(".navbar-toggler").click(function (e) {
                $(".header__mobile__menu").toggle();
                $(".navbar-toggler").toggleClass('mobile--menu-opened');
                $("footer.footer").toggleClass('mobile--menu-opened');
                $('html, body').animate(
                    {
                        scrollTop: 0,
                    },
                    0
                )
            });

        }

        $(".button--vol_one").click(function (e) {
            e.preventDefault();
            $("body").addClass('vol_one_opened_js');
            var $link = $(this).attr('href');
            setTimeout(function () {
                window.location.href = $link;
            }, 5000)
        });


//Volume one landing
        var volOneActive = 0;
        var tmp = document.location.hash.match(/(\w+)/);
        if (tmp && tmp[1]) volOneActive = tmp[1];

        if (volOneActive == 'volume') {
            $('body').addClass('vol_one_opened_js');
        }

        if ($(window).width() <= 1024) {
            customSlideSlik(1);
          //  $('.reading_page_slider__nav__slide:first-of-type').addClass('slick-current');
        }


        let readingSlider = $('.reading_page_slider'),
            readingSliderNav = $(".reading_page_slider__nav"),
            options = {
                autoplay: false,
                dots: false,
                speed: 500,
                asNavFor: readingSliderNav,
                fade: true,
                cssEase: 'linear',
                slide: '.reading_page_slider__slide',
                adaptiveHeight: true,

                responsive: [{
                    breakpoint: 1024,
                    settings: {
                        dots: false,
                        arrows: false,
                        infinite: true,
                        slidesToShow: 1,
                        slidesToScroll: 1,
                    }
                }]
            },
            optionsNav = {
                autoplay: false,
                dots: false,
                arrows: false,
                fade: false,
                infinite: false,
                vertical: true,
                verticalSwiping: true,
                swipeToSlide: true,
                focusOnSelect: true,
                slide: '.reading_page_slider__nav__slide',
                asNavFor: readingSlider,
                slidesToShow: 6,
                slidesToScroll: 1,
            };


        // function event,slick and index
// version 1.5+ uses slick-current stead of slick-active

        readingSlider.on('afterChange', function (event, slick, i) {
            $(".reading_page_slider__nav__slide").removeClass('slick-current').eq(i).addClass('slick-current');
        });


        let hashPage = window.location.hash;
        if (hashPage.length && hashPage.toLowerCase().indexOf("page") >= 0) {
            let cleanhash = hashPage.replace("#page-", "");
            let offset = Math.floor(((parseInt(cleanhash) - 1)) / 10) * 10,
                totalItems = readingSlider.attr('data-items'),
                total = parseInt(totalItems);
            if (offset >= 10 && parseInt(cleanhash) <= total) {
                let postID = readingSlider.data('id');
                ajaxLoad(postID, offset);
            } else if (parseInt(cleanhash) > total) {
                let postID = readingSlider.data('id');
                offset = Math.floor((parseInt(total) - 1) / 10) * 10;
                ajaxLoad(postID, offset);
            }
        }

        $('.ajax-page-js').on('click', function (e) {
            e.preventDefault();
            let postID = readingSlider.data('id'),
                offset = readingSlider.data('offset'),
                ofst = ($(this).hasClass('prev-js')) ? (offset - 20) : offset;
            ajaxLoad(postID, ofst);
        });

        function ajaxLoad(id, offset) {
            let data = {
                'action': 'show_more_pages',
                'post_id': id,
                'offset': offset,
            };
            $.ajax({
                type: 'POST',
                url: ajax.url,
                data: data,
                dataType: 'json',
                success: function (json) {
                   // console.log(json);
                    readingSlider.slick('unslick');
                    readingSliderNav.slick('unslick');
                    $('.reading_page_slider').html(json['content']);
                    readingSlider.data('offset', json['offset']);

                    if (!json['more']) {
                        $('.next-js').css('display', 'none');
                    } else {
                        $('.next-js').css('display', 'block');
                    }

                    if (parseInt(json['offset'] - 9) !== 0) {
                        $('.prev-js').css('display', 'block');
                    } else {
                        $('.prev-js').css('display', 'none');
                    }

                },
                complete: function () {
                    let slideNumber = 0;
                    $('.reading_page_slider__nav-js').html('');

                    $('.reading_page_slider__slide').each(function (index) {
                        if (!$(this).hasClass('slick-cloned')) {
                            slideNumber = $(this).data('slide') + 1;
                            $('.reading_page_slider__nav-js').append(`<div class="reading_page_slider__nav__slide ${(index === 0) ? 'slick-current' : ''}"><a href="#page-${slideNumber}" data-slide="${slideNumber}">${slideNumber}</a></div>`);
                        }
                    });
                    readingSlider.slick(options);
                    readingSliderNav.slick(optionsNav);
                    navSlide(slideNumber);


                    if (readingSliderNav.find(`a[href="${hashPage}"]`).length) {
                        let ind = readingSliderNav.find(`a[href="${hashPage}"]`).parent().index();
                        readingSliderNav.slick('slickGoTo', ind);
                    } else {
                        let pageNum = readingSliderNav.find('.slick-current > a').attr('data-slide');
                        window.location.hash = `page-${pageNum}`;
                    }

                    fancybox_init();

                }
            });
        }

//Reading page slider

        readingSlider.slick(options);


        readingSlider.on('beforeChange', function (event, slick, currentSlide, nextSlide) {
            if ($(window).width() <= 1024) {
                $('.reading_page_slider__nav__slide.slick-current').removeClass('slick-current');
                $('.reading_page_slider__nav__slide').eq(nextSlide).addClass('slick-current');
            }
        });

        if (readingSliderNav.length && !window.location.hash) {
            window.location.hash = 'page-1';
        }


        readingSliderNav.slick(optionsNav);


        // Get Translate function {
        function getTranslate3d(el) {
            var values = el.style.transform.split(/\w+\(|\);?/);
            if (!values[1] || !values[1].length) {
                return [];
            }
            return values[1].split(/,\s?/g);
        }

        // } Get Translate function

        // On scrolling mouse wheel {
        readingSliderNav.on('wheel', (function (e) {
            e.preventDefault();

            current_translate = getTranslate3d($('.reading_page_slider__nav .slick-track')[0]);
            modified_translate = parseInt(current_translate[1]) - e.originalEvent.deltaY / 2;
            if (modified_translate < 0 && ($('.reading_page_slider__nav .slick-track').height() - 300) > Math.abs(modified_translate)) {
                $('.reading_page_slider__nav .slick-track').css('transform', 'translate3d(0px, ' + modified_translate + 'px, 0px)');
            }
        }));
        // } On scrolling mouse wheel

        readingSliderNav.each(function () {
            this.slick.getSlideCount = function () {
                var _ = this,
                    slidesTraversed, swipedSlide, centerOffset;

                centerOffset = _.options.centerMode === true ? _.slideWidth * Math.floor(_.options.slidesToShow / 2) : 0;
                if (_.options.swipeToSlide === true) {
                    _.$slideTrack.find('.slick-slide').each(function (index, slide) {
                        var offsetPoint = slide.offsetLeft,
                            outerSize = $(slide).outerWidth();
                        if (_.options.vertical === true) {
                            offsetPoint = slide.offsetTop;
                            outerSize = $(slide).outerHeight();
                        }
                        if (offsetPoint - centerOffset + (outerSize / 2) > (_.swipeLeft * -1)) {
                            swipedSlide = slide;
                            return false;
                        }
                    });
                    slidesTraversed = Math.abs($(swipedSlide).attr('data-slick-index') - _.currentSlide) || 1;

                    return slidesTraversed;
                } else {
                    return _.options.slidesToScroll;
                }

            };

            this.slick.getNavigableIndexes = function () {

                var _ = this,
                    breakPoint = 0,
                    counter = 0,
                    indexes = [],
                    max;

                if (_.options.infinite === false) {
                    max = _.slideCount;
                } else {
                    breakPoint = _.options.slideCount * -1;
                    counter = _.options.slideCount * -1;
                    max = _.slideCount * 2;
                }

                while (breakPoint < max) {
                    indexes.push(breakPoint);
                    breakPoint = counter + _.options.slidesToScroll;
                    counter += _.options.slidesToScroll <= _.options.slidesToShow ? _.options.slidesToScroll : _.options.slidesToShow;
                }

                return indexes;

            };
        });


        readingSliderNav.on('beforeChange', function (event, slick, currentSlide, nextSlide) {
            if (slick.slideCount - nextSlide <= 7) {
                readingSliderNav.addClass('active-last')
            } else {
                readingSliderNav.removeClass('active-last')
            }
        });


        var slideNum = 1;
        var tmp = document.location.hash.match(/(\d+)/);
        if (tmp && tmp[1]) slideNum = tmp[1];
        // console.log('slideNum ' + slideNum);
        readingSlider.slick('slickGoTo', slideNum - 1);


        function navSlide(slideNumber = 0) {
            $('.reading_page_slider__nav__slide a').click(function (e) {
                e.preventDefault();
                var slideIn = $(this).parent().index(),
                    slideN = $(this).data('slide');

                $('.reading_page_slider').slick('slickGoTo', slideIn);
                $(this)
                    .parent()
                    .removeClass('slick-current')

                window.location.hash = 'page-' + slideN;
                if ($(window).width() <= 1024) {
                    $("html, body").animate({
                        scrollTop: $('.reading_page_slider').offset().top - $('.header').outerHeight()
                    }, 500)
                }
            });
        }

        navSlide(slideNum);


        //Leads to first page of the Reading Slider
        function navSlideFirst() {
            $('.reading_page_slider__nav__first a').click(function (e) {
                e.preventDefault();

                if (window.location.hash.toLowerCase().replace("#page-", "") > 10) {
                    let postID = readingSlider.data('id'),
                        ofst = $(this).data('offset');
                    ajaxLoad(postID, ofst);
                }

                setTimeout(function () {
                    $('.reading_page_slider').slick('slickGoTo', 0);
                    $('.reading_page_slider').first().addClass('slick-current');
                    window.location.hash = 'page-' + 1;
                }, 1200);

                if ($(window).width() <= 1024) {
                    $("html, body").animate({
                        scrollTop: $('.reading_page_slider').offset().top - $('.header').outerHeight()
                    }, 500)
                }
            });
        }

        navSlideFirst();

        //Leads to last page of the Reading Slider
        function navSlideLast() {
            $('.reading_page_slider__nav__last a').click(function (e) {
                e.preventDefault();

                let postID = readingSlider.data('id'),
                    ofst = $(this).data('offset') - 1,
                    preOfst = ofst - 5;
                console.log(`offset is : ${ofst} , preoffset is : ${preOfst} `);
                totalItems = readingSlider.attr('data-items');

                if (window.location.hash.toLowerCase().replace("#page-", "") < 10 && totalItems > 10) {

                    ajaxLoad(postID, ofst);
                }

                setTimeout(function () {
                    $('.reading_page_slider').slick('slickGoTo', ofst);
                    $('.reading_page_slider').first().addClass('slick-current');
                    window.location.hash = 'page-' + ofst;
                }, 1200);

                if ($(window).width() <= 1024) {
                    $("html, body").animate({
                        scrollTop: $('.reading_page_slider').offset().top - $('.header').outerHeight()
                    }, 500)
                }
            });
        }

        navSlideLast();


        //Remove placeholder on click
        $("input,textarea").each(function () {
            $(this).data('holder', $(this).attr('placeholder'));

            $(this).focusin(function () {
                $(this).attr('placeholder', '');
            });

            $(this).focusout(function () {
                $(this).attr('placeholder', $(this).data('holder'));
            });
        });

        //Make elements equal height
        $('.matchHeight').matchHeight();


        // Add fancybox to images
        $('.gallery-item a').attr('rel', 'gallery').attr('data-fancybox', 'gallery');
        $('a[rel*="album"], .gallery-item a, .fancybox, a[href$="jpg"], a[href$="png"], a[href$="gif"]').fancybox({
            minHeight: 0,
            helpers: {
                overlay: {
                    locked: false
                }
            },
            mobile: {
                clickContent: false,
                clickSlide: "close"
            },

        });

        function fancybox_init() {
            let stylesWidth;
            let stylesHeight;
            let stylesTransform;

            $('[data-fancybox="gallery"]').fancybox({
                clickContent: function (current, event) {
                    return current.type === 'image' ? 'close' : false;
                },
                clickSlide: 'close',
                clickOutside: 'close',
                arrows: false,
                infobar: true,
                smallBtn: "auto",
                buttons: [
                    "zoom",
                    "close"
                ],
                onInit: function (instance) {
                    let clicks = 0;
                    instance.$refs.toolbar.find('.fancybox-button--zoom').on('click', function () {

                        if (clicks === 2) clicks = 0;
                        if ($(window).width() < 769) {

                            if (clicks === 0) {
                                setTimeout(function () {
                                    $('.fancybox-content').css({
                                        '-webkit-transform': 'translate(0,0)',
                                        '-moz-transform': 'translate(0,0)',
                                        '-ms-transform': 'translate(0,0)',
                                        '-o-transform': 'translate(0,0)',
                                        'transform': 'translate(0,0)',
                                        'height': '911px',
                                        'width': '1280px',
                                    })
                                }, 500);
                            } else {
                                setTimeout(function () {
                                    $('.fancybox-container').removeClass('fancybox-can-pan');
                                    $('.fancybox-content').css({
                                        'height': stylesHeight,
                                        'width': stylesWidth,
                                        'transform': stylesTransform,
                                    });
                                }, 500);
                            }

                            clicks++;
                        }
                    });

                },
                afterShow: function (instance, current) {
                    let currentItem = current['index'] + 1;
                    customSlideSlik(currentItem);
                    // $('.reading_page_slider__slide').slick({
                    //     slidesToShow: n
                    // });
                    // console.log(readingSlider)

                    // $('.reading_page_slider__slide').slick('slickGoTo', n);

                    stylesWidth = $('.fancybox-content').css('width');
                    stylesHeight = $('.fancybox-content').css('height');
                    stylesTransform = $('.fancybox-content').css('transform');

                    $(window).on('resize', function () {
                        stylesWidth = $('.fancybox-content').css('width');
                        stylesHeight = $('.fancybox-content').css('height');
                        stylesTransform = $('.fancybox-content').css('transform');
                    });
                },
            });
        }

        fancybox_init()
        // Sticky footer
        $('.footer').find('img').one('load', function () {
            bumpIt();
        }).each(function () {
            if (this.complete) $(this).load();
        });


        resizeVideo();


    });


    // Scripts which runs after all elements load

    $(window).on('load', function () {

        //jQuery code goes here
        if ($('.preloader').length) {
            $('.preloader').addClass('preloader--hidden');
        }

        var homeTitle = $('.js-hero-title');
        if (homeTitle.length) {
            var jsonData = homeTitle.data('json')
            if (jsonData) {
                var params = {
                    container: homeTitle[0],
                    renderer: 'svg',
                    loop: false,
                    autoplay: false,
                    name: 'home-title',
                    animationData: jsonData,
                };

                var homeTitleAnim;

                homeTitleAnim = lottie.loadAnimation(params);
                setTimeout(function () {
                    homeTitleAnim.play();
                }, 2500);
                setTimeout(function () {
                    homeTitleAnim.pause();
                }, 7000);
            }
        }

        // $('[data-lazy]', '.reading_page_slider').each(function () {
        //   $(this).attr('src', $(this).data('lazy'));
        // });
    });

    // Scripts which runs at window resize

    $(window).resize(function () {

        //jQuery code goes here

        resizeVideo();

    });

    //custom slick
    $('.reading_page_slider__slide__image').on('click', function () {
        // var picture = document.getElementsByClassName("reading_page_slider__slide__image");
        // var src = picture[1][0];
        //
        // if (src){
        //     fancybox-image.attr('src')=src
        // }

        // https://lastoftheirin.com/files/2020/12/vol-2-spread-1-eng-1024x728.jpg
            // https://lastoftheirin.com/files/2020/12/vol-2-spread-1-eng-scaled.jpg
        // var imgSrc = reading_page_slider__slide__image.attr('src')
        // var img = ($(this).attr('src'));
        // console.log(img)
        // console.log(document.getElementsByClassName('reading_page_slider__slide__image').src);

        // console.log(src);
        // const image = $(this).find('img');
        // console.log(image.attr('src'));
        // console.log(slideIndex);
        // console.log($(this).attr("src"));
    })


    $('.fancybox-button--close').on('click', function () {
        // let i=8;
        // readingSlider.on('afterChange', function (event, slick, 8) {
        //     $(".reading_page_slider__nav__slide").removeClass('slick-current').eq(i).addClass('slick-current');
        // });
        // if ($(window).width() <= 1024) {
        //     $('.reading_page_slider__nav__slide:first-of-type').addClass('slick-current');
        // }
    })

    function customSlideSlik( currentItem ) {
        var item = currentItem-1;
        $( ".reading_page_slider__nav__slide" ).removeClass( "slick-current" );
        $( ".reading_page_slider__slide" ).removeClass( "slick-current slick-active" );
        $( ".reading_page_slider__nav__slide:nth-child("+currentItem+")" ).addClass('slick-current');
        $( "div[data-slick-index="+item+"]" ).addClass('slick-current slick-active').css('opacity', 1);
    }


}(jQuery));