https://www.belairassociation.org/wp-content/themes/twentytwenty-child/js/main.js

1AOS.init({
2	duration: 800,
3	easing: 'slide'
4});
5
6(function ($) {
7
8	"use strict";
9
10	var isMobile = {
11		Android: function () {
12			return navigator.userAgent.match(/Android/i);
13		},
14		BlackBerry: function () {
15			return navigator.userAgent.match(/BlackBerry/i);
16		},
17		iOS: function () {
18			return navigator.userAgent.match(/iPhone|iPad|iPod/i);
19		},
20		Opera: function () {
21			return navigator.userAgent.match(/Opera Mini/i);
22		},
23		Windows: function () {
24			return navigator.userAgent.match(/IEMobile/i);
25		},
26		any: function () {
27			return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows());
28		}
29	};
30
31
32	$(window).stellar({
33		responsive: true,
34		parallaxBackgrounds: true,
35		parallaxElements: true,
36		horizontalScrolling: false,
37		hideDistantElements: false,
38		scrollProperty: 'scroll'
39	});
40
41
42	var fullHeight = function () {
43
44		$('.js-fullheight').css('height', $(window).height());
45		$(window).resize(function () {
46			$('.js-fullheight').css('height', $(window).height());
47		});
48
49	};
50	fullHeight();
51
52	// loader
53	var loader = function () {
54		setTimeout(function () {
55			if ($('#ftco-loader').length > 0) {
56				$('#ftco-loader').removeClass('show');
57			}
58		}, 1);
59	};
60	loader();
61
62	// Scrollax
63	$.Scrollax();
64
65	var carousel = function () {
66		$('.home-slider').owlCarousel({
67			loop: true,
68			autoplay: true,
69			margin: 0,
70			animateOut: 'fadeOut',
71			animateIn: 'fadeIn',
72			nav: false,
73			dots: true,
74			autoplayHoverPause: false,
75			items: 1,
76			navText: ["<span class='ion-md-arrow-back'></span>", "<span class='ion-chevron-right'></span>"],
77			responsive: {
78				0: {
79					items: 1
80				},
81				600: {
82					items: 1
83				},
84				1000: {
85					items: 1
86				}
87			}
88		});
89		$('.news-slider').owlCarousel({
90			loop: false,
91			autoplay: false,
92			margin: 35,
93			// stagePadding: 20,
94			animateOut: 'fadeOut',
95			animateIn: 'fadeIn',
96			nav: false,
97			dots: true,
98			autoplayHoverPause: false,
99			items: 4,
100			navText: ["<span class='ion-md-arrow-back'></span>", "<span class='ion-chevron-right'></span>"],
101			responsive: {
102				0: {
103					items: 1
104				},
105				600: {
106					items: 2
107				},
108				1000: {
109					items: 4
110				}
111			}
112		});
113		$('.history-slider').owlCarousel({
114			loop: true,
115			autoplay: true,
116			margin: 30,
117			stagePadding: 20,
118			animateOut: 'fadeOut',
119			animateIn: 'fadeIn',
120			nav: true,
121			dots: false,
122			autoplayHoverPause: false,
123			items: 1,
124			navText: ["<span class='ion-md-arrow-back'></span>", "<span class='ion-chevron-right'></span>"],
125			responsive: {
126				0: {
127					items: 1
128				},
129				600: {
130					items: 1
131				},
132				1000: {
133					items: 1
134				}
135			}
136		});
137
138		$('.carousel-testimony').owlCarousel({
139			center: true,
140			loop: true,
141			items: 1,
142			margin: 30,
143			stagePadding: 0,
144			nav: false,
145			navText: ['<span class="ion-ios-arrow-back">', '<span class="ion-ios-arrow-forward">'],
146			responsive: {
147				0: {
148					items: 1
149				},
150				600: {
151					items: 3
152				},
153				1000: {
154					items: 3
155				}
156			}
157		});
158
159	};
160	carousel();
161
162	// $('nav .dropdown').hover(function () {
163	// 	var $this = $(this);
164	// 	// 	 timer;
165	// 	// clearTimeout(timer);
166	// 	$this.addClass('show');
167	// 	$this.find('> a').attr('aria-expanded', true);
168	// 	// $this.find('.dropdown-menu').addClass('animated-fast fadeInUp show');
169	// 	$this.find('.dropdown-menu').addClass('show');
170	// }, function () {
171	// 	var $this = $(this);
172	// 	// timer;
173	// 	// timer = setTimeout(function(){
174	// 	$this.removeClass('show');
175	// 	$this.find('> a').attr('aria-expanded', false);
176	// 	// $this.find('.dropdown-menu').removeClass('animated-fast fadeInUp show');
177	// 	$this.find('.dropdown-menu').removeClass('show');
178	// 	// }, 100);
179	// });
180
181
182	$('#dropdown04').on('show.bs.dropdown', function () {
183		console.log('show');
184	});
185
186	// scroll
187	var scrollWindow = function () {
188		$(window).scroll(function () {
189			var $w = $(this),
190				st = $w.scrollTop(),
191				navbar = $('.ftco_navbar'),
192				sd = $('.js-scroll-wrap');
193
194			// if (st > 140) {
195			// 	if (!navbar.hasClass('scrolled')) {
196			// 		navbar.addClass('scrolled');
197			// 	}
198			// }
199			// if (st < 150) {
200			// 	if (navbar.hasClass('scrolled')) {
201			// 		navbar.removeClass('scrolled sleep');
202			// 	}
203			// }
204			if (st > 350) {
205				if (!navbar.hasClass('awake')) {
206					navbar.addClass('awake');
207				}
208
209				if (sd.length > 0) {
210					sd.addClass('sleep');
211				}
212			}
213			if (st < 350) {
214				if (navbar.hasClass('awake')) {
215					navbar.removeClass('awake');
216					navbar.addClass('sleep');
217				}
218				if (sd.length > 0) {
219					sd.removeClass('sleep');
220				}
221			}
222		});
223	};
224	scrollWindow();
225
226
227	var counter = function () {
228
229		$('#section-counter').waypoint(function (direction) {
230
231			if (direction === 'down' && !$(this.element).hasClass('ftco-animated')) {
232
233				var comma_separator_number_step = $.animateNumber.numberStepFactories.separator(',')
234				$('.number').each(function () {
235					var $this = $(this),
236						num = $this.data('number');
237					console.log(num);
238					$this.animateNumber(
239						{
240							number: num,
241							numberStep: comma_separator_number_step
242						}, 7000
243					);
244				});
245
246			}
247
248		}, { offset: '95%' });
249
250	}
251	counter();
252
253	var contentWayPoint = function () {
254		var i = 0;
255		$('.ftco-animate').waypoint(function (direction) {
256
257			if (direction === 'down' && !$(this.element).hasClass('ftco-animated')) {
258
259				i++;
260
261				$(this.element).addClass('item-animate');
262				setTimeout(function () {
263
264					$('body .ftco-animate.item-animate').each(function (k) {
265						var el = $(this);
266						setTimeout(function () {
267							var effect = el.data('animate-effect');
268							if (effect === 'fadeIn') {
269								el.addClass('fadeIn ftco-animated');
270							} else if (effect === 'fadeInLeft') {
271								el.addClass('fadeInLeft ftco-animated');
272							} else if (effect === 'fadeInRight') {
273								el.addClass('fadeInRight ftco-animated');
274							} else {
275								el.addClass('fadeInUp ftco-animated');
276							}
277							el.removeClass('item-animate');
278						}, k * 50, 'easeInOutExpo');
279					});
280
281				}, 100);
282
283			}
284
285		}, { offset: '95%' });
286	};
287	contentWayPoint();
288
289
290	// navigation
291	var OnePageNav = function () {
292		$(".smoothscroll[href^='#'], #ftco-nav ul li a[href^='#']").on('click', function (e) {
293			e.preventDefault();
294
295			var hash = this.hash,
296				navToggler = $('.navbar-toggler');
297			$('html, body').animate({

298				scrollTop: $(hash).offset().top
299			}, 700, 'easeInOutExpo', function () {
300				window.location.hash = hash;
301			});
302
303
304			if (navToggler.is(':visible')) {
305				navToggler.click();
306			}
307		});
308		$('body').on('activate.bs.scrollspy', function () {
309			console.log('nice');
310		})
311	};
312	OnePageNav();
313
314
315	// magnific popup
316	$('.image-popup').magnificPopup({
317		type: 'image',
318		closeOnContentClick: true,
319		closeBtnInside: false,
320		fixedContentPos: true,
321		mainClass: 'mfp-no-margins mfp-with-zoom', // class to remove default margin from left and right side
322		gallery: {
323			enabled: true,
324			navigateByImgClick: true,
325			preload: [0, 1] // Will preload 0 - before current, and 1 after the current image
326		},
327		image: {
328			verticalFit: true
329		},
330		zoom: {
331			enabled: true,
332			duration: 300 // don't foget to change the duration also in CSS
333		}
334	});
335
336	$('.popup-youtube, .popup-vimeo, .popup-gmaps').magnificPopup({
337		disableOn: 700,
338		type: 'iframe',
339		mainClass: 'mfp-fade',
340		removalDelay: 160,
341		preloader: false,
342
343		fixedContentPos: false
344	});
345
346
347
348	var goHere = function () {
349
350		$('.mouse-icon').on('click', function (event) {
351
352			event.preventDefault();
353
354			$('html,body').animate({
355				scrollTop: $('.goto-here').offset().top
356			}, 500, 'easeInOutExpo');
357
358			return false;
359		});
360	};
361	goHere();
362
363
364	function makeTimer() {
365
366		var endTime = new Date("21 December 2019 9:56:00 GMT+01:00");
367		endTime = (Date.parse(endTime) / 1000);
368
369		var now = new Date();
370		now = (Date.parse(now) / 1000);
371
372		var timeLeft = endTime - now;
373
374		var days = Math.floor(timeLeft / 86400);
375		var hours = Math.floor((timeLeft - (days * 86400)) / 3600);
376		var minutes = Math.floor((timeLeft - (days * 86400) - (hours * 3600)) / 60);
377		var seconds = Math.floor((timeLeft - (days * 86400) - (hours * 3600) - (minutes * 60)));
378
379		if (hours < "10") { hours = "0" + hours; }
380		if (minutes < "10") { minutes = "0" + minutes; }
381		if (seconds < "10") { seconds = "0" + seconds; }
382
383		$("#days").html(days + "<span>Days</span>");
384		$("#hours").html(hours + "<span>Hours</span>");
385		$("#minutes").html(minutes + "<span>Minutes</span>");
386		$("#seconds").html(seconds + "<span>Seconds</span>");
387
388	}
389
390	setInterval(function () { makeTimer(); }, 1000);
391
392
393
394})(jQuery);
395