$(document).ready(function () {
    showdatesSlider();
    // $('img.svg').each(function () {
    // });
    $('body').on('svg-image-loaded', function(){

        $('#top-nav').css({
            top: $('#site-header')[0].clientHeight + $('#site-header').offset().top
        });

    });

    posterOverlayActions();
    closeNotice();
    smallPhotoContainer();
});

function smallPhotoContainer(){
    if($('.small-photo-container').length == 0){
        return;
    }

    var item = $('.small-photo-container .item');
    var item_img = item.find('img');
    var img_count = item_img.length;
    var loaded = 0;
    item_img.each(function(){
        var _img = new Image();
        _img.onload = function(){
            loaded++;
            if(loaded == img_count){
                var item_width = item.eq(0)[0].clientWidth;
                item.css('height', item_width);
                item.each(function(){
                    var img = $(this).find('img');
                    if(img.width() > img.height()){
                        img.css({
                            'max-width': '1000%',
                            'height': item_width,
                        })
                    }else{
                        img.css({
                            'width': item_width,
                        })
                    }

                })
            }
        }
        _img.src=$(this).attr('src');
    });
}

function posterOverlayActions(){
    $('body').on('click', '.poster-overlay', function(){
        if($(window).width() >= 980){
            return;
        }
        var item = $(this).closest('.showtimes-details');
        if(item.is('.active-overlay')) {
            $('.active-overlay').removeClass('active-overlay');
        }else{
            $('.active-overlay').removeClass('active-overlay');
            item.addClass('active-overlay');
        }

    });
    $(window).on('resize', function(){
        if($(window).width() >= 980){
            $('.active-overlay').removeClass('active-overlay');
        }
    });
}

function showdatesSlider(){
    var options = {
        showdatesSlider: null,
        moviesSlider: null,

        monthShort: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],

        slider_speed: 3000,
    }

    if($('.showdates-slider-wrapper').length == 0){
        return;
    }

    main();

    function main(){
        options.showdatesSlider = $('.showdates-slider-wrapper');
        // options.moviesSlider = $('.movies-slider-wrapper .movies')
        options.slider_speed = (typeof(sliderSpeed) !== 'undefined' && sliderSpeed !== 0)? sliderSpeed : options.slider_speed;

        initShowdatesSlider();
        handlers();

        options.showdatesSlider.each(function(){
            $(this).find('.showdate-today').trigger('click');
        });

        initMoviesSlider($('.comming-soon-showtimes-wrapper'));

        $( ".datepicker" ).datepicker({
            dateFormat: "yy-mm-dd",
            defaultDate: available_dates[0],
            minDate: available_dates[0],
            maxDate: available_dates[available_dates.length - 1],
            beforeShowDay: function(date){
                var month = date.getMonth()+1;
                var day = date.getDate();
                month = (month < 10) ? '0'+ month : month;
                day = (day < 10) ? '0'+ day : day;
                dmy = date.getFullYear() + "-" + month + "-" + day;
                if ($.inArray(dmy, available_dates) !== -1) {
                    return [true, "","Available"];
                } else {
                    return [false,"","unAvailable"];
                }
            },
            onSelect: function(dateText){
                showdatesSetActiveShowtime(dateText, undefined, $(this).closest('.showtimes-wrapper'));
            }
        });
    }
    function handlers(){
        var home_now_playing = $('.home-now-playing');
        $('.showdate:not(.disable):not(.showtime)').on('click', function(){
            showdatesSetActiveShowtime($(this).data('date'), $(this), $(this).closest('.showtimes-wrapper'));
            $('.datepicker').datepicker("setDate", new Date($(this).data('date')) );
        });
        var resize_evt;
        $(window).on('resize', function(){
            clearTimeout(resize_evt);
            resize_evt = setTimeout(function(){
                initShowdatesSlider();

                if(home_now_playing.length !== 0 ) {
                    if ($('.home-now-playing .movies-slider').hasClass('slick-initialized') && $(window).width() <= 768){
                        destroyMoviesSlider(home_now_playing);
                    }else{
                        initMoviesSlider(home_now_playing);
                    }
                }
            }, 100);
        })
    }

    function showdatesSetActiveShowtime(date, button, wrapper){
        button = (typeof(button) !== 'undefined') ? button : wrapper.find('.showdate[data-date="' + date + '"]');
        wrapper.find('.showdate.active').removeClass('active');
        wrapper.find('.calendar.active').removeClass('active');
        if($(window).width() >= 980){
            button.addClass('active');
        }else{
            if(button.index() < 2){
                button.addClass('active');
            }else{
                wrapper.find('.calendar').addClass('active');
            }
        }

        setActiveMovies(date, wrapper);
        setActiveTimes(date, wrapper);
    }

    function initShowdatesSlider() {
        if($('.showdates-slider-wrapper').hasClass('slick-initialized')){
            $('.showdates-slider-wrapper').slick('unslick');
        }
        if($(window).width() > 768) {
            if(!$('.showdates-slider-wrapper').hasClass('slick-initialized')) {
                $('.showdates-slider-wrapper').on('init', function(){
                    convertImgSvg();
                });
                $('.showdates-slider-wrapper').slick({
                    slide: '',
                    dots: false,
                    arrows: false,
                    centerMode: false,
                    infinite: false,
                    variableWidth: false,
                    prevArrow: '<button type="button" data-role="none" class="slick-prev slick-arrow" aria-label="Previous" role="button" aria-disabled="true" style=""><img src="/assets/img/arrow-left.svg" class="svg"></button>',
                    nextArrow: '<button type="button" data-role="none" class="slick-next slick-arrow" aria-label="Previous" role="button" aria-disabled="true" style=""><img src="/assets/img/arrow-right.svg" class="svg"></button>',
                    mobileFirst: true,
                    slidesToShow: 2,
                    slidesToScroll: 1,
                    responsive: [
                        {
                            breakpoint: 768,
                            settings: {
                                slidesToShow: 3,
                                arrows: true
                            }
                        },
                        {
                            breakpoint: 980,
                            settings: {
                                slidesToShow: 4,
                                arrows: true
                            }
                        }
                    ]
                });
            }
        }
    }
    function initMoviesSlider(wrapper){
        var slides_class = '.showtimes-details.active';
        if(wrapper.is('.comming-soon-showtimes-wrapper')){
            slides_class = '.showtimes-details';
        }

        if(wrapper.hasClass('movies-now-playing')){
            return false;
        }

        if(wrapper.hasClass('home-now-playing') && $(window).width() <= 768){
            destroyMoviesSlider(wrapper);
        }else {
            if (wrapper.find('.movies-slider').length !== 0) {

                wrapper.find('.movies-slider').slick({
                    autoplay: true,
                    slidesToShow: 1,
                    slidesToScroll: 1,
                    mobileFirst: true,
                    autoplaySpeed: options.slider_speed,
                    slide: slides_class,
                    responsive: [
                        {
                            breakpoint: 768,
                            settings: {
                                slidesToShow: 2
                            }
                        },
                        {
                            breakpoint: 980,
                            settings: {
                                slidesToShow: 3
                            }
                        }
                    ]
                });
            }
        }
    }

    function destroyMoviesSlider(wrapper) {
        if(wrapper.find('.movies-slider').is('.slick-initialized')){
            wrapper.find('.movies-slider').slick('unslick');
        }
    }
    function destroyShowdatesSlider(wrapper){
        if(wrapper.find('.showdates-slider-wrapper').is('.slick-initialized')){
            wrapper.find('.showdates-slider-wrapper').slick('unslick');
        }
    }

    function setActiveMovies(date, wrapper){
        wrapper.find('.showtimes-details.active').removeClass('active');
        wrapper.find('.showtimes-details.'+date+'').addClass('active');
        destroyMoviesSlider(wrapper);
        initMoviesSlider(wrapper);
        updateChosenDate(date, wrapper);
    }

    function setActiveTimes(date, wrapper){
        wrapper.find('.showtime.active').removeClass('active');
        wrapper.find('.showtime.'+date+'').addClass('active');
    }

    function updateChosenDate(date,wrapper){
        var date_data = new Date(date);
        var month = options.monthShort[date_data.getMonth()]
        var text = ''+ month + ' '+date_data.getUTCDate();
        wrapper.find('.date').html(text);
    }

}

function carouselSettingsSecond(varInfinite, varAuto) {
    return {
        autoplay      : varAuto,
        arrows        : true,
        prevArrow    : '<div class="slick-prev-custom"><img src="../assets/img/button-arrow-left.png"  alt="Left arrow" /></div>',
        nextArrow    : '<div class="slick-next-custom"><img src="../assets/img/button-arrow.png"  alt="Right arrow" /></div>',
        slidesToShow  : 7,
        slidesToScroll: 7,
        css           : 'linear',
        infinite      : varInfinite,
        accessibility   : false,
        responsive    : [
            {
                breakpoint: 1246,
                settings  : {
                    slidesToShow  : 6,
                    slidesToScroll: 6
                }
            },
            {
                breakpoint: 1100,
                settings  : {
                    slidesToShow  : 5,
                    slidesToScroll: 5
                }
            },
            {
                breakpoint: 970,
                settings  : {
                    slidesToShow  : 4,
                    slidesToScroll: 4
                }
            },
            {
                breakpoint: 769,
                settings  : {
                    slidesToShow  : 4,
                    slidesToScroll: 1,
                }
            },
            {
                breakpoint: 481,
                settings  : {
                    slidesToShow  : 1,
                    slidesToScroll: 1,
                }
            }
        ]
    }
}

function closeNotice() {
    var $notice = $('.notice-container');
    var noticeKey = 'notice-msg';
    var data = sessionStorage.getItem(noticeKey);

    if ( !(data && data === 'true')) {
        $notice.fadeIn();
    }

    $('.notice-close').on('click', function () {
        $notice.fadeOut(function(){
            $('#top-nav').css({
                top: $('#site-header')[0].clientHeight + $('#site-header').offset().top
            });
        });
        window.sessionStorage.setItem(noticeKey, 'true');
    });


};