https://www.highpointmarket.org/js/takeover.js?v=Qch5brAsif_y4j8iIW7UAoV3-5mZlTbkDG3mjyy34xM

1jQuery(function () {
2	initImageLoadIn();
3	//initModalStack();
4	initActiveModal();
5	initCloseModal();
6});
7
8function initActiveModal() {
9	$("a.mobile-link").on("click", function (e) {
10		var sectID = $(this).closest("section").attr('id');
11		console.log(sectID);
12		e.preventDefault();
13		$('#modal' + sectID).removeClass('slide-out');
14		$('#modal' + sectID).addClass('show');
15		$('#modal' + sectID).addClass('slide-in');
16		//$('body').addClass('activeNav');
17	});
18}
19function initCloseModal() {
20	$(".btn-close").on("click", function (e) {
21		var sectID = $(this).closest("section").attr('id');
22		console.log(sectID);
23		e.preventDefault();
24		$('#modal' + sectID).removeClass('slide-in');
25		$('#modal' + sectID).removeClass('show');
26		$('#modal' + sectID).addClass('slide-out');
27		//$('body').removeClass('activeNav');
28	});
29}
30
31function initModalStack() {
32	//Create Modal Image Stack for Mobile
33	var pageSections = $('main section');
34
35	pageSections.each(function () {
36
37		var sectionID = $(this).attr("id");
38
39		//Create Modal Stack for each section
40		$('#' + sectionID).append('<div id="modal' + sectionID + '" class="modal imgStack" tabindex="-1" role="dialog" aria-hidden="true"><div class="modal-dialog" role="document"><div class="modal-content"><div class="modal-header"><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"><i class="fa fa-angle-left" aria-hidden="true"></i></button><img class="d-flex d-md-none img-fluid" src="https://hpma.quadland.org/files/2022/03/HPMKT_Logo.svg" alt="High Point Market Authority"></div><div class="modal-body"></div></div></div></div>');
41
42		var images = [];
43		var sectionImages = $(this).find(".wp-block-group__inner-container img");
44		var sectionCaptions = $(this).find(".wp-block-group__inner-container img");
45
46		var i = 0;
47		var ii = 0;
48
49		//Create Array of Images per Home Page Section and add modal links for mobile to slide to corresponding image
50		sectionImages.each(function (i) {
51
52			$(this).parent().append('<a class="mobile-link" href="#" data-bs-slide-to="' + i + '" data-bs-toggle="modal" data-bs-target="#modal' + sectionID + '"></a>');
53
54			images.push($(this).attr('src'));
55
56			i++;
57		});
58
59		//Create Slides
60		images.forEach(imageBlockFunction);
61
62		function imageBlockFunction(item, index) {
63
64			$('#modal' + sectionID + ' .modal-body').append('<div class="image-block slide_' + index + '"><img class="w-100 img-fluid" src="' + item + '" alt="Image ' + index + '" /><div class="caption"></div></div>');
65
66		}
67
68	});
69}
70
71
72//Fade In Images On Page Load
73function initImageLoadIn() {
74
75	$('#Grid1 .block-cover').addClass('animated animatedFadeInUp fadeInUp');
76	$('#Grid1 .block-image').addClass('animated animatedFadeInUp fadeInUp');
77}
78
79//Scroll Fade in - Not Being Used At this time
80$(window).scroll(function () {
81
82	$('.block-image').each(function (i) {
83
84		var bottom_of_object = $(this).position().top;
85		var bottom_of_window = $(window).scrollTop() + $(window).height();
86
87		if (bottom_of_window > bottom_of_object) {
88
89			//$(this).animate({'opacity':'1'},1500);
90			$(this).addClass('animated animatedFadeInUp fadeInUp');
91
92		}
93
94	});
95
96});