https://capturecarrollcounty.com/js/home-page.js

1
2(function(){
3
4	/* ==========================================================================
5	 SCROLL DOWN BUTTON
6	 ========================================================================== */
7	$('#scroll-down').click(function(){
8
9		$(document.scrollingElement).animate({
10			scrollTop: $('#hero-content').offset().top - $('.header.sticky').outerHeight()
11		}, 600);
12
13		return false;
14
15	});
16
17	$("#home-carousel-banner").swipe({
18		swipe: function(event, direction, distance, duration, fingerCount, fingerData) {
19			if (direction == 'left') $(this).carousel('next');
20			if (direction == 'right') $(this).carousel('prev');
21		},
22		allowPageScroll:"vertical"
23	});
24
25	/* ==========================================================================
26	 FADE HEADER BACKGROUND
27	 ========================================================================== */
28	if (FIXED_BG) {
29		var $background = $('#hero-overlay');
30		var $hero = $('#hero');
31		var $video = $('#video video');
32		var hasVideo = $video.length;
33		var $window = $(window);
34		$window.on('scroll resize', function () {
35			var scrollTop = $window.scrollTop();
36			var ratio = Math.min(scrollTop / $hero.height(), 1);
37			$background.css('background', 'rgba(0, 0, 0, ' + ratio + ')');
38
39			if (hasVideo)
40				$video.css('width', ratio * 100 + '%');
41		});
42	}
43
44function waitForVideo() {
45  const video = document.querySelector(".hero-video");
46
47  if (!video) {
48    requestAnimationFrame(waitForVideo);
49    return;
50  }
51
52  // Found the video — now attach behavior
53  video.addEventListener("canplay", () => {
54    video.style.opacity = "1";
55    video.play().catch(() => {});
56  });
57}
58
59waitForVideo();
60
61
62})();