https://fongphotography.online/sy-inc/js/page.gallery.js?0d6a07403b8fe83ff73a9dcbd3ef7c0e

1$(document).ready(function(){
2	addjustifiedgallery();
3	addjustifiedgallerysmall();
4	addjustifiedgallerylarge();
5	addjustifiedgallerylargeall();
6	addjustifiedgallerymedall();
7	addimageviewonclick();
8
9});
10
11function addjustifiedgallery() { 
12	$('.justified').justifiedGallery({
13		rowHeight : 280,
14		lastRow : 'center',
15		margins : 12,
16		captions : false,
17		captionsShowAlways : false,
18		captionsAnimation : false,
19		cssAnimation:false,
20			imagesAnimationDuration:50,
21			waitThumbnailsLoad: false
22	});	
23}
24function addjustifiedgallerysmall() { 
25	$('.justifiedsmall').justifiedGallery({
26		rowHeight : 180,
27		lastRow : 'center',
28		margins : 12,
29		captions : false,
30		captionsShowAlways : true,
31		captionsAnimation : true,
32		cssAnimation:false,
33			imagesAnimationDuration:50,
34			waitThumbnailsLoad: false
35	});	
36}
37function addjustifiedgallerylarge() { 
38	$('.justifiedlarge').justifiedGallery({
39		rowHeight : 400,
40		lastRow : 'center',
41		margins : 12,
42		captions : false,
43		captionsShowAlways : true,
44		captionsAnimation : true,
45		cssAnimation:false,
46			imagesAnimationDuration:50,
47			waitThumbnailsLoad: false
48	});	
49}
50function addjustifiedgallerylargeall() { 
51	$('.justifiedlargeall').justifiedGallery({
52		rowHeight : 400,
53		lastRow : 'justify',
54		margins : 12,
55		captions : false,
56		captionsShowAlways : true,
57		captionsAnimation : true,
58		cssAnimation:false,
59			imagesAnimationDuration:50,
60			waitThumbnailsLoad: false
61	});	
62}
63function addjustifiedgallerymedall() { 
64	$('.justifiedmedall').justifiedGallery({
65		rowHeight : 300,
66		lastRow : 'justify',
67		margins : 12,
68		captions : false,
69		captionsShowAlways : true,
70		captionsAnimation : true,
71		cssAnimation:false,
72			imagesAnimationDuration:50,
73			waitThumbnailsLoad: false
74	});	
75}
76
77function addimageviewonclick() { 
78	$('.imageview').click(function(e) {
79		simplephotoloading();
80		galleryid = $(this).closest(".contentrow").attr("id");
81		total = $("#"+galleryid+" .pagegallery").find("a").length;
82		x = 0;
83		$this = $(this);
84		$( "#"+galleryid+" a" ).each(function() {
85			if($this.attr("href") == $(this).attr("href")) { 
86				current = x;
87			}
88			x++;
89		});
90
91		newida = Math.floor((Math.random() * 1000) + 1);
92		newidb = Math.floor((Math.random() * 1000) + 1);
93		newid = "id-"+newida+""+newidb;
94
95		$("body").attr("data-simple-photo-gallery",galleryid).attr("data-simple-photo-gallery-photo-position",current).append('<div class="simpleview" id="simpleview" style="background-color: #'+$("#"+galleryid).attr("data-bg-color")+'; color: #'+$("#"+galleryid).attr("data-font-color")+';" onclick="closesytistsimpleview();"></div>');
96
97		$("#simpleview").html('<img id="'+newid+'" src="'+$(this).attr("href")+'" style="display: none; z-index: 801; position: relative; max-width: 100%;   max-height: 100%;   width: auto;   height: auto; " class="simplephotoview" onclick="nextsimplephoto(\'next\');">');
98		if($(this).find("img").attr("alt")) { 
99			if($("#"+galleryid).attr("data-show-captions") == "1") { 
100				$("#simpleview").append('<div class="simpleviewcaption" style="color: #'+$("#"+galleryid).attr("data-font-color")+'; padding: 16px; box-sizing: border-box; width: 100%;display: block;">'+$(this).find("img").attr("alt")+'</div>');
101			}
102		}
103		$("#"+newid).imagesLoaded(function() {
104			$("#"+newid).fadeIn(100);
105			simplephotoloadingdone();
106		});
107		$("body").append('<div class="simpleviewnav simpleviewnavprev"><span class="the-icons icon-left-open" style="color: #'+$("#"+galleryid).attr("data-font-color")+';" onclick="nextsimplephoto(\'prev\');"> </span></div><div class="simpleviewnav simpleviewnavnext"><span class="the-icons icon-right-open" style="color: #'+$("#"+galleryid).attr("data-font-color")+';" onclick="nextsimplephoto(\'next\');"> </span></div><div class="simpleviewnav simpleviewnavclose"><span class="the-icons icon-cancel" style="color: #'+$("#"+galleryid).attr("data-font-color")+';" onclick="closesytistsimpleview();"> </span></div>');
108		e.preventDefault();
109		return false;
110	});
111}
112function nextsimplephoto(dir) { 
113	galleryid = $("body").attr("data-simple-photo-gallery");
114	total = $("#"+galleryid+" .pagegallery").find("a").length;
115	simplephotoloading();
116
117	current = parseInt($("body").attr("data-simple-photo-gallery-photo-position"));
118	if(dir == "next") { 
119		nextindex  = current + 1;
120	}
121	if(dir == "prev") { 
122		nextindex  = current - 1;
123	}
124	if(nextindex == total) { 
125		nextindex = 0;
126	}
127	if(nextindex < 0) { 
128		nextindex = total - 1;
129	}
130
131	$("body").attr("data-simple-photo-gallery-photo-position",nextindex);
132	next = $("#"+galleryid+" .pagegallery a:eq("+nextindex+")").attr("href");
133	nextcaption = $("#"+galleryid+" .pagegallery a:eq("+nextindex+")").find("img").attr("alt");
134	$("#simpleview img").removeClass("new").addClass("old");
135	newida = Math.floor((Math.random() * 1000) + 1);
136	newidb = Math.floor((Math.random() * 1000) + 1);
137	newid = "id-"+newida+""+newidb;
138	$("#simpleview").append('<img id="'+newid+'" src="'+next+'" style="z-index: 801; display: none; max-width: 100%;   max-height: 100%;   width: auto;   height: auto; " class="simplephotoview new" onclick="nextsimplephoto(\'next\');">');

139	$("#"+newid).imagesLoaded(function() {
140		$("#simpleview").find(".old").fadeOut(0, function() { 
141			$(".simpleviewcaption").remove();
142			$("#simpleview").find(".old").remove();
143			simplephotoloadingdone();
144
145			$("#"+newid).fadeIn(0, function() { 
146				if(nextcaption) { 
147					if($("#"+galleryid).attr("data-show-captions") == "1") { 
148						$("#simpleview").append('<div class="simpleviewcaption" style="color: #'+$("#"+galleryid).attr("data-font-color")+'; padding: 16px; box-sizing: border-box; width: 100%;display: block;">'+nextcaption+'</div>');
149					}
150				}
151				$(this).closest(".justified").attr("data-photo-num",nextindex);
152				
153			});
154		});
155	});
156}
157
158function closesytistsimpleview() { 
159	$("#simpleview").remove();
160	$(".simpleviewnav").remove();
161	$("body").attr("data-simple-photo-gallery",'').attr("data-simple-photo-gallery-photo-position",'');
162	simplephotoloadingdone();
163}
164
165function simplephotoloading() { 
166	galleryphotoloadingtimer = setTimeout(function() { 
167		$("body").append('<div id="simplephotoloading" class=".simplephotoloading" style="position: fixed; top: 50%; left: 50%; margin-left: -30px; margin-top: -90px; z-index: 900;"><div class="loadingspinner"></div></div>');
168	}, 500);
169}
170function simplephotoloadingdone() { 
171	window.clearInterval(galleryphotoloadingtimer);
172	$("#simplephotoloading").remove();
173	$(".simplephotoloading").remove();
174}