https://www.htvs.ru/local/templates/modern_theatre/components/bitr…/index-banner/script.js?15905154911963

1$(document).ready( function () {
2	var $main = $('.main-slider');
3	var $thumbs = $('.thumbnail-slider');
4	$main.slick({
5		slidesToShow: 1,
6		slidesToScroll: 1,
7		arrows: false,
8		fade: true,
9		draggable: false,
10		autoplay: true,
11		autoplaySpeed: 8000,
12		rows: 0,
13	});
14	$thumbs.slick({
15		rows: 1,
16		dots: false,
17		arrows: true,
18		infinite: true,
19		speed: 300,
20		slidesToShow: 4,
21		slidesToScroll: 4,
22		slidesPerRow: 2,
23		focusOnSelect: true,
24		draggable: false,
25		centerMode: true,
26		vertical: true,
27		prevArrow: '<div class="prev"></div>',
28		nextArrow: '<div class="next"></div>',
29		responsive: [
30			{
31				breakpoint: 1200,
32				settings: {
33					rows: 0,
34					slidesToShow: 5,
35					slidesToScroll: 5,
36					vertical: false
37				}
38			},
39			{
40				breakpoint: 1025,
41				settings: {
42					rows: 0,
43					slidesToShow: 4,
44					slidesToScroll: 4,
45					vertical: false
46				}
47			},
48			{
49				breakpoint: 991,
50				settings: {
51					rows: 0,
52					slidesToShow: 3,
53					slidesToScroll: 3,
54					vertical: false
55				}
56			},
57			{
58				breakpoint: 769,
59				settings: {
60					rows: 0,
61					slidesToShow: 2,
62					slidesToScroll: 2,
63					vertical: false
64				}
65			},
66			{
67				breakpoint: 500,
68				settings: {
69					rows: 0,
70					slidesToShow: 1,
71					slidesToScroll: 1,
72					vertical: false
73				}
74			}
75		]
76	});
77	$('[data-thumbnail]').click(function(){
78		$('[data-thumbnail]').removeClass("active");
79		$(this).addClass("active");
80		$main.slick("goTo", $(this).attr('data-thumbnail') -1);
81	});
82	$main.on("afterChange", function(slick, currentSlide){
83		var $slide = currentSlide.currentSlide;
84		var $goTo = Math.floor($slide / 2);
85		$thumbs.slick("goTo", $goTo);
86		$('[data-thumbnail]').removeClass("active");
87		$thumbs.find('[data-thumbnail='+($slide+1)+']').addClass('active');
88	});
89	$main.on('setPosition', function () {
90		$(this).find('.slick-slide').matchHeight();
91	});
92	$main.on('reInit', function () {
93		console.log("WTF?");
94	});
95	$thumbs.find('[data-thumbnail=1]').addClass('active');
96});