$(function() {

    $('body').on('click', '.fp-settings-list a', function(e) {
        e.preventDefault();
        var a = $(this).attr('href');
        console.log(a);
        if (a != '') {
            console.log(1)
        } else {
            console.log(2)
        }
    });

    // langs();
    slickInit();
    customSelect();
    // button();
    slickSlider();
    onClick();

    dropdownToggler('.lang-button', '.lang');
    dropdownToggler('.js-recently-toggler', '.js-recently-parent');
    dropdownToggler('.js-featured-toggler', '.js-featured-shift');
    dropdownToggler('.js-burger-button', '.js-burger-toggler');
    dropdownToggler('.lang-burger-button', '.lang-burger');
    dropdownToggler('.icon-user', '.user-login');
    dropdownToggler('.user-inner', '.user-wrapper');
    dropdownToggler('.user_name', '.mobile-user');
    dropdownToggler('.fav-drop', '.item-drop');
    setTimeout(SliderTumbs, 100);

    $(window).resize(function() {
        setTimeout(SliderTumbs, 100);
    });

    tabs();
});

$(window).load(function() {
    initLoadMore();
});

function slickInit() {
    if ($('.slider').length) {
        $('.slider').slick({
            slidesToShow: 1,
            slidesToScroll: 1,
            arrows: true,
            dots: true,
            autoplay: false,
            responsive: [{
                    breakpoint: 1024,
                    settings: {
                        dots: false,

                    }
                },
                {
                    breakpoint: 480,
                    settings: {
                        arrows: false,
                        dots: false,

                    }
                }
            ]
        });
    }
}

function slickSlider() {
    $('.slider-carosuel').slick({
        slidesToShow: 1,
        adaptiveHeight: true,
        slidesToScroll: 1,
        arrows: true,
        fade: true,
        asNavFor: '.mini-slider',
        prevArrow: '<button type="button" class="slick-prev"></button>',
        nextArrow: '<button type="button" class="slick-next"></button>'
    });

    $('.playlist-holder').slick({
        slidesToShow: 3,
        slidesToScroll: 1,
        infinite: true,
        dots: true,
        focusOnSelect: true,
        arrows: true,
        prevArrow: '<button type="button" class="slick-prev"></button>',
        nextArrow: '<button type="button" class="slick-next"></button>',
        responsive: [

            {
                breakpoint: 640,
                settings: {
                    slidesToShow: 2,
                }
            }

        ]
    })

    $('.mini-slider').slick({
        slidesToShow: 5,
        slidesToScroll: 1,
        infinite: true,
        centerMode: true,
        asNavFor: '.slider-carosuel',
        dots: false,
        focusOnSelect: true,
        responsive: [{
                breakpoint: 1366,
                settings: {
                    slidesToShow: 5,

                }
            },
            {
                breakpoint: 1000,
                settings: {
                    slidesToShow: 4,
                }
            },
            {
                breakpoint: 568,
                settings: {
                    slidesToShow: 3,
                }
            },
            {
                breakpoint: 480,
                settings: {
                    slidesToShow: 2,
                }
            },
        ]
    })
}

function SliderTumbs() {
    var height = $('.item.need img').height();
    $(".item.height img").each(function(index) {
        $(this).css({ "height": height, "width": "auto", "margin": "0 auto" });
    });

}

function onClick() {
    $(".media-search").on("click", function() {
        var $parent = $(this).parent();

        if ($parent.hasClass('open')) {
            setTimeout (function() {
                $parent.removeClass('open');
            }, 200);
        } else {
            $parent.addClass('open');
        }
    })
}

function dropdownToggler(toggler, parent) {
    $('body').on('click', toggler, function(e) {
        if ($(parent).hasClass('open')) {
            $(parent).removeClass('open');
        } else {
            $(parent).addClass('open');
        }
    });

    $(".wrapper").on('click', function(event) {
        if (!$(event.target).closest(parent || toggler).length) {
            if ($(parent).hasClass('open')) {
                $(parent).removeClass('open');
            }
        }
    });
}

function tabs() {
    $(".wrap-tabs .btn").on('click', function() {

        var $this = $(this);
        var linkId = $this.attr('href');

        $this.parent().siblings().removeClass('active');
        $this.parent().addClass('active');

        $('.box-tab').removeClass('active');
        $(linkId).addClass('active');

        return false;
    });
}

function customSelect() {
    $('.select').select2();
}

function initLoadMore() {
    var $btn_more = $('.js-load-more');

    if ($btn_more.length) {
        var $block_holder = $btn_more.prev();
        $(window).scroll(function() {
   			var num_page_load = $btn_more.attr('data-count-page') || 2,
   				scrollBottom = $(window).scrollTop() >= $(document).height() - $(window).height() - 300;
            if (scrollBottom) {
            	if (num_page_load!='3' && num_page_load!='6' && num_page_load!='9' && num_page_load!='12' && num_page_load!='15' && num_page_load!='18' && num_page_load!='21' && num_page_load!='24' && num_page_load!='27' && num_page_load!='30' && num_page_load!='33' && num_page_load!='36' && num_page_load!='39' && num_page_load!='42' && num_page_load!='45' && num_page_load!='48' && num_page_load!='51' && num_page_load!='54' && num_page_load!='57' && num_page_load!='60' && num_page_load!='63' && num_page_load!='66' && num_page_load!='69' && num_page_load!='72' && num_page_load!='75') {
                    $btn_more.trigger('click').removeClass("remove");
                } else {
                    $btn_more.addClass("remove");
                }
            }
        });
        $(window).on("touchstart", function() {
            var num_page_load = $btn_more.attr('data-count-page') || 2,
                scrollBottom = $(window).scrollTop() >= $(document).height() - $(window).height() - 300;
            if (scrollBottom) {
                if (num_page_load!='3' && num_page_load!='6' && num_page_load!='9' && num_page_load!='12' && num_page_load!='15' && num_page_load!='18' && num_page_load!='21' && num_page_load!='24' && num_page_load!='27' && num_page_load!='30' && num_page_load!='33' && num_page_load!='36' && num_page_load!='39' && num_page_load!='42' && num_page_load!='45' && num_page_load!='48' && num_page_load!='51' && num_page_load!='54' && num_page_load!='57' && num_page_load!='60' && num_page_load!='63' && num_page_load!='66' && num_page_load!='69' && num_page_load!='72' && num_page_load!='75') {
                    $btn_more.trigger('click').removeClass("remove");
                } else {
                    $btn_more.addClass("remove");
                }
            }
        });
        $('body').on('click', '.js-load-more', function() {
            var $this = $(this);
            $this.removeClass("remove");
            $this.attr('disabled', true);
            var num_page_load = $this.attr('data-count-page') || 2,
                from = $this.attr('data-from') ? $this.attr('data-from') : 'from',
                total = $this.attr('data-total'),
                itemClass = $this.attr('data-item-class'),
                sort_by = $this.attr('data-sort'),
                block_result = $this.attr('data-block-result'),
                addParams = $this.attr('data-addparams');
            var params = {
                mode: 'async',
                action: 'get_block',
                block_id: $this.attr('data-id')
            };
            params[from] = num_page_load;
            if (sort_by) {
                params['sort_by'] = sort_by;
            }
            var str = $.param(params);
            if (addParams) {
                str += addParams;
            }
            var get_url = '?' + str;
            $.ajax({
                url: get_url,
                success: function(data) {
                    if (data) {
                        var $result = $(data).find('.' + itemClass);
                        if (block_result) {
                            $block_result = $('.' + block_result);
                        } else {
                            $block_result = $this.prev();
                        }
                        $this.attr('data-count-page', ++num_page_load);
                        if (num_page_load > total) {
                            $this.remove();
                        }
                        $block_result.append($result);
                        $this.attr('disabled', false);

                        $('body').find('img.lazy-load').each(function() {
                            $(this).addClass('lazyload');
                            $(this).removeClass('lazy-load');
                            $(this).attr('src', $(this).attr('data-original'));
                        });
                    }
                }
            });
            return false;
        });
    }
}
$(document).ajaxStop(function() {
    setTimeout(func, 3000);
});

function func() {
    sessionStorage.clear();
}