https://cdn.sportky.zoznam.sk/2019_sportky/js/scripts.js

1document.addEventListener('DOMContentLoaded', function () {
2
3	// SHOW SIDE MENU
4
5	$(".header-mobile-menu").click(function () {
6		$(".side-menu-wrapper").addClass("active");
7		$(".menu-shadow").remove();
8		$("body").prepend("<div class='sidemenu-shadow'></div>");
9		$("body").addClass("menu-active");
10	})
11
12	// HIDE SIDE MENU
13
14	$(".side-menu-close").click(function () {
15		$(".side-menu-wrapper").removeClass("active");
16		$("body").removeClass("menu-active");
17		$(".sidemenu-shadow").remove();
18	})
19
20	// HIDE SIDEMENU ON SIDEMENU SHADOW CLICK
21
22	$(document).on('click', '.sidemenu-shadow', function () {
23		$(".side-menu-wrapper").removeClass("active");
24		$("body").removeClass("menu-active");
25		$(this).remove();
26	});
27
28	// HIDE SEARCH PANEL ON MENU SHADOW CLICK
29
30	$(document).on('click', '.menu-shadow', function () {
31		$(".menu-search").removeClass("active");
32		$("body").removeClass("menu-active");
33		$(this).remove();
34	});
35
36	// SHOW MOBILE SUBMENU
37	$(".menu-mobile ul li .icon-arrow-right").click(function () {
38		$(this).next(".menu-mobile-submenu").addClass("active");
39	});
40
41	// HIDE MOBILE SUBMENU
42	$(".menu-mobile ul li ul li .menu-back").click(function () {
43		$(this).parent().parent().parent().removeClass("active");
44	});
45
46	// PREDPREDAJ BOX
47	$('.box-predpredaj-slider').not('.slick-initialized').slick({
48		slidesToShow: 5,
49		slidesToScroll: 5,
50		draggable: false,
51		infinite: false,
52		autoplay: true,
53		nextArrow: '<i class="icon-arrow-right"></i>',
54		prevArrow: '<i class="icon-arrow-left"></i>',
55		responsive: [
56			{
57				breakpoint: 767,
58				settings: {
59					slidesToShow: 4,
60					slidesToScroll: 4
61				}
62			},
63			{
64				breakpoint: 479,
65				settings: {
66					slidesToShow: 3,
67					slidesToScroll: 3
68				}
69			}
70		]
71	});
72
73	// FAST MESSAGES SHARING BUTTONS SHOW/HIDE
74	$(".fast-messages-list li .fast-message-perex").click(function (data, handler) {
75		if (data.target == this || $(data.target).hasClass('fast-message-img-info')) {
76			$(this).toggleClass("share-active");
77		}
78	});
79
80	// OPEN SHARE MENU ON CLICK
81	$('.share-link').click(function () {
82		if(navigator.userAgent.match(/Android|iPhone|iPad/) && 'share' in navigator) {
83			navigator.share({
84				url: location.href
85			});
86			return;
87		}
88		$(this).parents().eq(0).addClass('active');
89		$(this).parents().eq(1).addClass('active');
90	});
91
92	// CLOSE SHARE MENU ON CLICK
93	$('.share-menu-submenu .icon-close').click(function () {
94		$(this).parents().eq(2).removeClass('active');
95		$(this).parents().eq(3).removeClass('active');
96	});
97
98
99
100	// FAST MESSAGES MOBILE MENU FILTER
101	$(".fast-messages-filter .fast-message-filter-menu i").click(function () {
102		$(".fast-messages-filter form").slideToggle();
103	});
104
105	// BOX SPECIAL EVENT SLIDER
106	$('.box-special-event-slider').not('.slick-initialized').slick({
107		slidesToShow: 1,
108		slidesToScroll: 1,
109		draggable: false,
110		autoplay: true,
111		autoplaySpeed: 6000,
112		dots: false,
113		nextArrow: '<i class="icon-arrow-right"></i>',
114		prevArrow: '<i class="icon-arrow-left"></i>',
115		customPaging: function (slider, i) {
116			var title = $(slider.$slides[i]).data('title');
117			return '<button> ' + title + ' </button>';
118		}
119	});
120
121	// BOX SPECIAL EVENT SLIDER
122	var slide_count = $('.box-special-event-slider .slick-dots li').length;
123	$('.box-special-event-slider .slick-dots li').addClass("col-" + slide_count);
124
125
126	$('.menu-content').hover(
127		function () {
128			menuTimeoutId = setTimeout(function () {
129				if ($(window).width() >= 1200) {
130					$('body').addClass('menu-active');
131					if (!$('.menu-shadow').length) {
132						$('body').prepend('<div class="menu-shadow"></div>');
133					}
134				}
135			}, 300);
136		},
137		function () {
138			clearTimeout(menuTimeoutId);
139
140			$('body').removeClass('menu-active');
141			$('.menu-shadow').remove();
142		}
143	);
144
145	// MENU SWIPER
146
147	var swiper3 = new Swiper(".menu-slider", {
148		slidesPerView: "auto",
149		freeMode: true,
150		resistance: true,
151		resistanceRatio: 0
152	});
153
154	var Menutimer;
155
156	$(".menu-content").hover(
157		function () {
158			Menutimer = setTimeout(function () {
159				if ($(window).width() >= 1200) {
160					$("body").addClass("menu-active");
161					if (!$(".menu-shadow").length) {
162						$("body").prepend("<div class='menu-shadow'></div>");
163					}
164				}
165			}, 300);
166		},
167		function () {

168			clearTimeout(Menutimer);
169
170			$("body").removeClass("menu-active");
171			$(".menu-shadow").remove();
172
173		});
174
175	// SHOW SEARCH PANEL ON CLICK
176
177	$(".header-search").click(function () {
178		$(".menu-search").addClass("active");
179		$("body").addClass("menu-active");
180		$('.menu-search input[type="text"]').focus();
181		if ($(window).width() < 1200) {
182			$("body").prepend("<div class='menu-shadow'></div>");
183		}
184	})
185
186	// HIDE SEARCH PANEL ON CLICK
187
188	$(".menu-search .icon-close").click(function () {
189		$(".menu-search").removeClass("active");
190		$("body").removeClass("menu-active");
191		if ($(window).width() < 1200) {
192			$(".menu-shadow").remove();
193		}
194	})
195
196
197	// SIDE SUBMENU OPENER
198
199	$('.submenu-opener').click(function () {
200		$(this).toggleClass("active");
201		$(this).parent().toggleClass("opened");
202	})
203
204	// SHOW MOBILE MENU
205
206	$(".header-mobile-menu").click(function () {
207		$(".menu-mobile").addClass("active");
208	});
209
210	// HIDE MENU
211
212	$(".menu-mobile-top button").click(function () {
213		$(".menu-mobile, .menu-mobile-submenu").removeClass("active");
214	});
215
216
217	// SHOW / HIDE HEADER ON SCROLL
218
219	var didScroll;
220	var lastScrollTop = 0;
221	var headerHeight = $('.header').outerHeight();
222	var menuHeight = $('.menu-content').outerHeight();
223
224	$(window).scroll(function (event) {
225		didScroll = true;
226	});
227
228	setInterval(function () {
229		if (didScroll) {
230			hasScrolled();
231			didScroll = false;
232		}
233	}, 0);
234
235	function hasScrolled() {
236		var st = $(this).scrollTop();
237
238		if (st > lastScrollTop && st > headerHeight) {
239			$('#main').removeClass('fixed-menu-content');
240		}
241
242		if (st < lastScrollTop && st > headerHeight) {
243			$('#main').addClass('fixed-menu-content');
244		}
245
246		if (st < lastScrollTop && st < (headerHeight + menuHeight)) {
247			$('#main').removeClass('fixed-menu-content');
248		}
249
250		lastScrollTop = st;
251	}
252
253
254	// SCORE TABLES TOGGLE INFO
255	$(".table-toggle .toggle button").click(function () {
256		$(this).toggleClass("active");
257		$(".table-toggle-content").toggleClass("active");
258	});
259
260	// CUSTOM SELECT DROPDOWN RESPONSIVE WIDTH FIX
261	$(window).resize(function () {
262		$(".box-custom-select .selectboxit-container .selectboxit-options").css("width", $(".box-custom-select").width());
263	}).resize();
264
265	function resizePlayer() {
266		if ($(window).width() > 768) {
267			$(".full-width-player-right, .full-width-player-left").css("height", $(".full-width-player-left").width() * 9 / 16 + 68);
268		} else {
269			$(".full-width-player-left").css("height", "auto");
270			$(".full-width-player-right").css("height", "240");
271		}
272	}
273	$(window).resize(function () {
274		resizePlayer();
275	});
276
277	resizePlayer();
278});