PageSourceSearch

https://www.jodiandsteve.com/gallery.html?loopTrack=1&folio=Beauty…=Beauty%20and%20The%20Beaks

html jodiandsteve.com collected 2026-10-04 01:10:03 UTC 45,502 bytes, 1,629 lines download raw bytes

1<!DOCTYPE html>
2
3
4	
5
6
7	
8
9
10<html>
11    <head>
12
13
14
15	
16
17<title>: World class Park City, Utah Fine Art, Landscape and Portrait Photographers</title>
18<!-- 
19<link href="/pace/centercircle-site25.css" rel="stylesheet" />
20 -->
21<link href="/styles.css" rel="stylesheet" type="text/css">
22<link href="/site26/css/slick.css" rel="stylesheet" type="text/css">
23<link rel="stylesheet" type="text/css" href="/site26/css/slick-theme.css"/>
24<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
25
26
27
28
29
30		
31		
32		<meta name="copyright" content="All photographs ©Steve Krongard &amp; Jodi Buren">
33		
34
35<script src="https://kit.fontawesome.com/fc42bf0aa2.js" crossorigin="anonymous"></script>
35
36<link rel="preconnect" href="https://fonts.googleapis.com">
37<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
38<link href="https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap" rel="stylesheet">
39
40
41
42
43	
44	
45	
46	
47	<link href='https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700' rel='stylesheet' type='text/css'>
48	
49
50<script src="//code.jquery.com/jquery-2.1.4.min.js"></script>
vendor: 1 bytes, line 50
50
51<script src="/js/isotope.pkgd.min.js"></script>
vendor: 1 bytes, line 51
51
52<script src="/js/packery-mode.pkgd.min.js"></script>
vendor: 1 bytes, line 52
52
53<script src="/js/jquery.infinitescroll.min.js"></script>
vendor: 1 bytes, line 53
53
54<script src="/js/imagesloaded.pkgd.min.js"></script>
vendor: 1 bytes, line 54
54
55<script src="/js/jquery.mobile.custom.min.js"></script>
vendor: 1 bytes, line 55
55
56<script src="/js/jquery-ui.min.js"></script>
vendor: 1 bytes, line 56
56
57<script src="/site26/js/jquery.lazyload.js"></script>
57
58
59<!-- [include:'/site26/styles-inc-home.html'] -->
60
61
62
63<script language="JavaScript">
64sliderOpen = true;
65</script>
65
66
67
68
69
70<!-- 
70<script data-pace-options='{"ajax":true,"document":false,"eventLag":false,"restartOnPushState":false,"elements":{"selectors":[".grid-item"]}}' src="/pace/pace.js"></script>
70 -->
71<script language="JavaScript">
72	<!--
73	function NewWindow(mypage) {
74	
75	var winl = (screen.width-1000) / 2;
76	var wint = (screen.height-560) / 3;
77	
78	winprops = 'height=860,width=980,top='+wint+',left='+winl+',scrollbars='+scroll+',notresizable'
79	win = window.open(mypage, 'name', winprops)
80	if (parseInt(navigator.appVersion) >= 4) { win.window.focus(); }
81	return false;}
82	//-->
83</script>
83
84
85<script language="JavaScript">
86<!--
87function NewWindowEmail(mypage, myname, w, h, scroll) {
88var winl = (screen.width - w) / 2;
89var wint = (screen.height - h) / 3;
90winprops = 'height='+h+',width='+w+',top='+wint+',left='+winl+',scrollbars='+scroll+',notresizable'
91win = window.open(mypage, myname, winprops)
92if (parseInt(navigator.appVersion) >= 4) { win.window.focus(); }
93return false;
94}
95//-->
96</script>
96
97
98<LINK REL="ICON" HREF="art_shared/favicon.ico">
99
100<script type="text/javascript" src="/chromejs/chrome.js">
101</script>
101
102
103<style type="text/css" rel="stylesheet">�html, body {�	height: 100%;�	background-color:#ffffff;�}�body,td,th {�	font-family: Open Sans;�	�	font-size: 14px;�	�	font-weight: normal;�}�html img, html a {�	-webkit-user-select: none;�	-webkit-touch-callout: none;�}		�* {�	-webkit-box-sizing: border-box;�	-moz-box-sizing: border-box;�	box-sizing: border-box;�}�.imageContainer {�	text-align: center;�	position: relative;�	padding: 90px 40px 0 40px;�	width: 100%;�	max-width:2700px;�	margin:0 auto;�}�.imageContainerGalleryIntroText {�	position: relative;�}���.grid {�  margin: 0 auto;�  width:100%; text-align: center; padding-bottom: 50px; max-width: 2700px;�} �.grid.galleryintrotextdiv {�  padding-bottom: 10px; padding-left: 8px;�} �.grid-sizer, .grid-item { �	�		width: 20%;�		width: calc(100% / 5);�		background-color: #ffffff;�	�	padding:0;�	margin: 0; �    box-sizing: border-box;�    -moz-box-sizing: border-box;�    -webkit-box-sizing: border-box;�    border-right: 6px solid #ffffff !important;�    border-left: 6px solid #ffffff !important;�    border-top: 6px solid #ffffff !important;�    border-bottom: 6px solid #ffffff !important;�    xborder: none;�    margin: 0;�}�.grid-sizer img, .grid-item img {�	-moz-transition: all 0.2s ease-in-out;�	-o-transition: all 0.2s ease-in-out;�	-ms-transition: all 0.2s ease-in-out;�	transition: all 0.2s ease-in-out;� 	display: block;� 	width: 100%;� 	height: 100%;� 	padding:0;� 	margin:0;� 	opacity: 1.0;� }��.grid-item:hover {�	 opacity: 0.7;�}�.grid-item a:hover {�	 cursor: url('/art_shared/magnifier-small.png'), auto;�}�.grid-itemOverlay {�	display: none;�}��.gutter-sizer { width: 0%; padding:0; margin:0}��/* clear fix */�.grid:after {�  content: '';�  display: block;�  clear: both;�}�.wrapperrr {�	padding:80px 0px 60px 0px; �	/*position:fixed;*/�	top:0;�	width:100%;�	height:100%;�	background-color: #ffffff;�	overflow: none;�}�.wrapperrrSlider {�	top:70px !important;�	width:100%;�	width:100vw;�	height:100%;�	height: calc(100vh - 70px) !important;�	background-color: #ffffff;�	overflow: none;�	border: none;�	position: fixed;�	margin-top: 0;  �	z-index: 500;�	visibility: hidden;�}�#theImagesCarousel {�	margin:0;�	padding:0;�}�.topRightImageDetailClose {�	position: fixed;�	top: 80px; right: 0;�	padding:14px 14px; �	z-index: 200;�	font-size: 26px !important;�}�#contenttt {�	width:100%;�	height:100%;�	background-color: #ffffff;�	position: relative;�}�.contenttt {�	width:100%;�	height:100%;�	background-color: #ffffff;�	position: relative;�	border: none;�}�.contentttSlider {�	width:100%;�	height:100%;�	background-color: #ffffff;�	border: none;�}�.footer {�	width:100%;�	margin-bottom:0px;�	height:60px; �	font-size: 1em;�	position: fixed;�	bottom:0;�	background-color:#ffffff;�	text-align: center;�}�.footerSlider {�	width:100%;�	margin:0;�	height:80px; �	font-size: 1em;�	display:table;�	position: fixed;�	bottom:0;�	background-color:#ffffff;�	text-align: center;�	border: none;�	z-index: 1000;�}�.imager {�	width: 100%;�	height: 100%;�	background-size: contain;�	background-repeat: no-repeat;�	background-position: center center;�	top: 20px;�	margin-left:auto;�	margin-right:auto;�}�.imagerSlider {�	width: 100%;�	height: 100%;�	background-size: contain;�	background-repeat: no-repeat;�	background-position: center center;�	margin-left:auto;�	margin-right:auto;�	position: relative;�	border: none;�}�.imagerSliderAlan {�	width: 100%;�	margin-left:auto;�	margin-right:auto;�	position: relative;�	text-align: center;�	height: 100%;�	padding: 70px 10px 90px 10px;�}�.imageSliderInterior {�	width: 100%;�	width: calc(100vw - 84px);�	height: auto;�	margin-left: auto;�	margin-right: auto;�	border: none;�	background-size: contain;�	background-repeat: no-repeat;�	height: 100%;�}�.rightImageDiv {�	width:50%;�	height:100%;�	right:0;�	position: absolute; �	z-index: 100;�}�.rightArrowDiv {�	position:absolute;�	right:10px;�	top: 47%;�	Xdisplay: none;�	z-index: 99;�	margin-top: -55px;�}�.rightImageDiv:hover .rightArrowDiv {�	display: inline;�}�.rightImageDiv:active .rightArrowDiv {�	opacity: 0.0;�}��.leftImageDiv {�	width:50%;�	height:100%;
103�	left:0;�	position: absolute; �	z-index: 100;	�}�.leftArrowDiv {�	position:absolute;�	left:10px;�	top: 47%;�	Xdisplay: none;	�	z-index: 99;	�	margin-top: -55px;�}�.leftImageDiv:hover .leftArrowDiv {�	display: inline;�}�.leftImageDiv:active .leftArrowDiv {�	opacity: 0.0;�}�.arrowDivs {�	font-size: 24px; opacity: 1.0; padding: 4px;�}��#bigImageOverlayNext {display: none}�#bigImageOverlayPrev {display: none}	�#infscr-loading {display:none !important; opacity: 0.0 !important}��.bigImageOverlay {display: none}��.site-footer, .page-wrap:after {�  height: 52px; �}�.homefooter {�  margin-top: 52px;�  height: 52px;�  background-color: ;�  width:100%;�}�@media screen and (max-width: 1800px) {��	.grid-sizer, .grid-item {�		width: 25%;�		width: calc(100% / 4);�	}��	.imageContainer {�		 padding: 80px 15px 0 15px;�	}�}�@media screen and (max-width: 1550px) {��	.grid-sizer, .grid-item {�		width: 25%;�		width: calc(100% / 4);�	}��}�@media screen and (max-width: 1220px) {��	.grid-sizer, .grid-item {�		width: 33%;�		width: calc(100% / 3);�	}��}�@media screen and (max-width: 768px) {�	.imageContainer {�		 padding: 60px 10px 0 10px;�	}�}�@media screen and (max-width: 768px) {�	.wrapperrrSlider {  �		top: 70px !important; �		margin-top: 0 !important; �		height: calc(100vh - 70px) !important;�	}�}�@media screen and (max-width: 480px) {�	.grid-sizer, .grid-item {�		width: 50%;�		width: calc(100% / 2.0);�		�		border: 4px solid #ffffff !important;�		padding: 0 !important;�		margin:0;�	} ��	.grid {�		padding-bottom:52px;�	}�	.imageSliderInterior {�		width: calc(100vw - 16px);�	}�	.imagerSliderAlan {�		padding: 70px 0 90px 0;�	}�	.arrowDivs {�		display:none !important;�	}�	.rightArrowDiv {�		display:none !important;�	}�	.leftArrowDiv {�		display:none !important;�	}�	.topRightImageDetailClose {�		font-size: 22px !important;�	}�}�</style>
104<style type="text/css" rel="stylesheet">
105
106<!--
107.chromestyle {
108	font-weight: bold;
109	font-family: Open Sans;
110	font-size: 14px;
111	height: auto;
112	line-height: auto;
113	font-weight: normal;
114	width: 100%;
115}
116.chromestyle ul {
117	width: 100%;
118	padding: 0;
119	margin: 0;
120	
121	text-align: right;
122		
123	z-index: 999999;
124}
125.chromestyle ul li{
126	font-weight: bold;
127	font-family: Open Sans;
128	font-size: 14px;
129	text-transform:none;
130	display: inline-block;
131	z-index: 999999;
132	padding: 0 5px 0 5px;	
133	height: auto;
134	line-height:auto;
135	vertical-align:middle;
136}
137.chromestyle ul li a {
138	color: #808080;
139	margin: 0;
140	text-decoration: none;
141	z-index: 999999;
142	height:auto;
143	line-height: auto;
144	display: inline-block;
145}
146.chromestyle ul li a:hover {
147	color: #222222;
148	background:transparent;
149}
150 
151.navselectedcolor { color: #222222; }
152
153/* ######### Style for Drop Down Menu ######### */
154
155.dropmenudiv {
156	position:absolute;
157	top: 0;
158	margin: 0; 
159	border-bottom-width: 0;
160	font-weight: bold;
161	font-family: Open Sans;
162	font-size: 14px;
163	text-transform:none;
164	z-index:999999;
165	width: auto;
166	max-width: 450px;
167	visibility: hidden;
168	color: #808080;
169	z-index: 999999;
170	box-shadow: 0 4px 5px rgba(102, 102, 102, 0.3);
171	border-bottom-right-radius:  4px;
172	border-bottom-left-radius:  4px;
173}
174
175.dropmenudiv a {
176	width: auto;
177	display: block;
178	border-bottom: 0 solid #ffffff; /*THEME CHANGE HERE*/
179	padding: 8px 14px 10px 14px;
180	text-decoration: none;
181	font-weight: bold;
182	color: #555555;
183	background: #ffffff;
184	text-align: left; /*set value to "left", "center", or "right"*/
185	z-index: 999999;
186}
187* html .dropmenudiv a { /*IE only hack*/
188	width: 100%;
189}
190.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
191	text-decoration: none;
192	color: rgba(34, 34, 34, 1.0);
193	background: ;
194	z-index: 999999;
195}
196-->
197</style>
198
199<style type="text/css">
200#photoHolder  {
201	position:relative;
202	-moz-box-shadow: 0px 0px 16px 0px #222222;
203	-webkit-box-shadow: 0px 0px 16px 0px #222222;
204	box-shadow: 0px 0px 16px 0px #222222;
205	/* For IE 8 */
206	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color='#444444')";
207	/* For IE 5.5 - 7 */
208	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color='#444444');
209	z-index: 1;
210}
211.navOverlayTop  {
212	position:absolute;
213	height: 20px;
214	text-align: right;
215	top: 30px;
216	right: 30px;
217	z-index: 200;
218}
219.closeOverlay  {
220	position:absolute;
221	top: 0;
222	left: 0;
223	height: 100%;
224	width: 100%;
225	z-index: 666666;
226}
227.picOverlayClear  {
228	position:absolute;
229	width: 100%;
230	height: 100%;
231	text-align: right;
232	top: 0px;
233	left: 0px;
234	background-image:url(/site25/art/clear.gif);
235}
236.navOverlay  {
237	position:absolute;
238	width: 100%;
239	height: 40px;
240	background-image:url(/site25/art/black-30.png);
241	bottom: 0px;
242	left: 0px;
243	vertical-align: middle;
244	padding:0px;
245	margin:0px;
246}
247#overlayer {
248  position: fixed;
249  top: 0;
250  left: 0;
251  height: 100%;
252  width: 100%;
253  text-align: center;
254  z-index: 1110;
255  background:rgba(0,0,0,0.6);
256  display: none;
257}
258.SearchThumbHolderContainer  {
259	display: inline-block; 
260	padding-top: 4px;
261	padding-left: 4px;
262	padding-right: 4px;
263	padding-bottom: 0px;
264	margin: 6px;
265	text-align: center;
266	vertical-align: bottom;
267	width: 400px;
268/* 
269	
270	background-color: #ffffff;
271	
272 */
273}
274
275
276
277.SearchThumbphotoHolder  {
278	position:relative;
279	display: block;
280	margin-left: auto;
281	margin-right: auto;
282}
283.SearchThumbphotoHolder a:hover {
284	 cursor: url('/art_shared/magnifier-small.png'), auto;
285}
286.SearchThumbnavOverlay  {
287	position:absolute;
288	width: 100%;
289	min-height: 20px;
290	background-image:url(/site25/art/black-30.png);
291	bottom: 4px;
292	left: 0px;
293	vertical-align: middle;
294	padding:0px;
295	margin:0px;
296	font-family: Open Sans;
297	font-size: 12px;
298	font-weight: normal;
299	color: #ffffff;
300}
301.SearchThumbCaptionArea  {
302	font-family: Open Sans;
303	font-size: 12px;
304	font-weight: normal;
305	color: #ffffff;
306	text-align: left;
307}
308.galleryTitleHiddenNav  {
309	margin: 5px 0 25px 0; font-weight: 600; opacity: 0.8;
310}
311</style>
312
313
314<style>
315	.imageContainer { max-width:1800px; }
316</style>
317
318
319
320
321
322
323
324
325<link rel="stylesheet" type="text/css" href="/styles-inputs.css.html">
326<link rel="stylesheet" type="text/css" href="/site25/styles-includes.html">
327
328<style>
329.pace {
330  
331  left: 0;
332  
333}
334.widthautomax1100 { margin: 0 auto; }
335
336
337	.galleryholder { padding-top: 100px; width:auto; min-height:400px; padding-left: 10px; padding-right: 10px; max-width:1800px; margin: 0 auto; }
338
339
340@media screen and (max-width: 660px) {
341.galleryholder { padding-top: 100px; width:auto; min-height:400px; padding-left: 5px; padding-right: 5px; }
342}
343
344</style>
345
346
347
348
349
350
351</head>
352<body>
353
354<div id="overlayer">
355<table width="100%" height="100%">
356	<tr>
357		<td align="center" valign="middle" width="100%" height="100%">
358			<div id="outerPhotoHolder">				
359			</div>
360			</td>
361	</tr>
362</table>
363</div>
364
365<!-- TOP LOGO ROW -->
366<link rel="stylesheet" type="text/css" href="/site25/css/cs-select.css" />
367<link rel="stylesheet" type="text/css" href="/site25/css/cs-skin-underline.css" />
368<style>
369	.leftbars {
370		font-size: 38px;
371	}
372	.leftbars a {
373		color: #666
374	}
375	.leftcol {
376		vertical-align: middle; padding-left: 20px; text-align: left; width: 200px; min-width: 200px;
377	}
378	.midcol {
379		vertical-align: middle; padding: 0 20px 0 20px; text-align: right; width: auto;  height: 90px; width: calc(100vw - 350px);
380	}
381	.rightcol {
382		vertical-align: middle; padding-right: 20px; text-align: right; width: 200px; min-width: 200px;
383	}
384	.logotextellipsis {
385		box-sizing: border-box;
386		max-width: calc(100vw - 180px);
387		overflow: hidden; 
388		white-space: nowrap; 
389		text-overflow: ellipsis; 
390		word-break: break-all; 
391		color: #666;
392	}
393	.displaymobilesmall { display:none; }
394	.displaydesktoplarge { display:block; }
395
396@media screen and (max-width: 1024px) {
397	.leftbars {
398		font-size: 34px;
399	}
400	.leftcol {
401		padding-left: 20px; 
402	}
403	.rightcol {
404		padding-right: 20px; width: 170px; min-width:170px;
405	}
406}
407@media screen and (max-width: 767px) {
408	.leftcol {  }
409	.rightcol {  }
410}
411@media screen and (max-width: 640px) {
412	.leftcol { width: 30px; min-width: 30px; }
413	.rightcol { width: 30px; min-width: 30px; }
414	.nodisplaysmallone { display:none }
415	.logotextellipsis {
416		max-width: calc(100vw - 60px);
417		text-align:right;
418		font-size:1.05rem !important
419	}
420	.leftbars {
421		font-size: 28px;
422	}
423	.displaydesktoplarge { display:block; }
424	.displaymobilesmall { display:block; }
425	.midcol {
426		width: calc(100vw - 50px);
427	}
428}
429@media screen and (max-width: 375px) {
430	.nodisplaymobile { display: none }
431}
432</style>
433
434
435
436	<div style="z-index: 1004; background: #ffffff; width: 100%; position: fixed; height: 90px; max-height: 90px; overflow:none;" class="topheadermobile">
437	
438	<div class="tableDivDisplay pad0 width100pc" style="background-color: #ffffff; height: 90px;">
439	
440		<div class="tableCellDisplay leftcol">
441			<div class="navButton leftbars"><a href="#" onclick="return closeSlider()"><i class="fa-light fa-bars"></i></a></div>
442		</div>
443		<a href="/" target="_top">
444		
445			<div class="tableCellDisplay midcol logotext">
446				
447				<div class="logotextellipsis">
448					<a href="/" target="_top"><font color="#666">Steve Krongard & Jodi Buren Photographers</font></a>
449				</div>
450				
451			</div>
452		
453		</a>
454		<div class="tableCellDisplay rightcol nodisplaysmallone">
455			
456		</div>
457
458	
459	</div>
460
461</div>
462	
463
464<script src="/site25/js/classie.js"></script>
vendor: 1 bytes, line 464
464
465<script src="/site25/js/selectFx.js"></script>
vendor: 1 bytes, line 465
465
466<script>
467
468	(function() {
469		[].slice.call( document.querySelectorAll( 'select.cs-select' ) ).forEach( function(el) {	
470			new SelectFx(el);
471		} );
472		$( "li[data-option]" ).on( "click", function() {
473  			location.href="/portfolioResults.html?category=" + encodeURIComponent(this.getAttribute('data-value'));
474		});	
475	})();
476
477$
478
479</script>
479
480
481<!-- LEFT NAV -->
482
483
484
485
486<style type="text/css">
487
488.toplinks {
489	width: 100%;
490	padding: 2px 0;
491	margin: 4;
492	text-align: left; /*set value to "left", "center", or "right"*/
493}
494
495.toplinks a {
496	display: block;
497	color: #808080;
498	padding-top: 5px;
499	padding-right: 6px;
500	padding-bottom: 5px;
501	padding-left: 6px;
502	text-decoration: none;
503	font-family: Open Sans;
504	font-size: 14px;
505	font-weight: bold;
506	text-transform:none;
507}
508
509.toplinks a:hover {
510	color: #222222;
511	background-color: #ffffff;
512}
513
514.toplinksGallery {
515	width: 100%;
516	padding: 2px 0;
517	margin: 4;
518	text-align: left; /*set value to "left", "center", or "right"*/
519}
520
521.toplinksGallery a:link,
522.toplinksGallery a:visited {
523	display: block;
524	color: #808080;
525	padding-top: 5px;
526	padding-right: 6px;
527	padding-bottom: 5px;
528	padding-left: 6px;
529	text-decoration: none;
530	font-family: Open Sans;
531	font-size: 14px;
532	font-weight: bold;
533	text-transform:none;
534}
535
536.toplinksGallery a:hover {
537	color: #222222;
538	background-color: #ffffff;
539}
540
541.toplinks-sel {
542	width: 100%;
543	padding: 2px 0;
544	margin: 4;
545	text-align: left; /*set value to "left", "center", or "right"*/
546}
547
548.toplinks-sel a:link,
549.toplinks-sel a:visited {
550	display: block;
551	color: #222222;
552	background-color: #ffffff;
553	font-weight: bold;
554	padding-top: 5px;
555	padding-right: 6px;
556	padding-bottom: 5px;
557	padding-left: 6px;
558	text-decoration: none;
559	font-family: Open Sans;
560	font-size: 14px;
561	font-weight: bold;
562	text-transform:none;
563}
564
565.toplinks-sel a:hover {
566	color: #222222;
567}
568
569@media screen and (max-width: 640px) {
570
571.toplinks a, .toplinksGallery a:link,
572.toplinksGallery a:visited, .toplinks-sel a:link,
573.toplinks-sel a:visited {
574	font-size: 15px;
575}
576
577
578}
579</style>
580
581<script type="text/javascript">
582
583	runRemoteShow = true;
584
585</script>
vendor: 1 bytes, line 585
585
586<script type="text/javascript">
587		<!--
588		showSpeed = 750;
589		hideSpeed = 500;
590		function remoteShow(portfolioID){
591					if(runRemoteShow){
592					$('tr[id^="portfolioPage"][id!="'+portfolioID+'"]').hide(hideSpeed);
593					}
594					$('tr[id^="'+portfolioID+'"]').show(showSpeed);
595
596		}
597		$(function(){
598			$('.toplinks').not('.gallery').click(function(){
599				// alert(this.id);
600
601				if (this.id.indexOf("portfolioPage") != -1){
602
603					if(runRemoteShow){
604					$('tr[id^="portfolioPage"][id!="'+this.id+'"]').hide(hideSpeed);
605					}
606					$('tr[id^="'+this.id+'"]').show(showSpeed);
607
608				} else {
609				if(runRemoteShow){
610				$('tr[id^="portfolioPage"]').hide(showSpeed);
611				}
612
613				}
614
615			});
616		});
617
618		function MM_preloadImages() { //v3.0
619		var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
620			var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
621			if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
622		}
623
624		function MM_findObj(n, d) { //v4.01
625		var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
626			d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
627		if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
628		for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
629		if(!x && d.getElementById) x=d.getElementById(n); return x;
630		}
631
632		function MM_swapImgRestore() { //v3.0
633		var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
634		}
635
636		function MM_swapImage() { //v3.0
637		var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
638		if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
639		}
640
641		var infoPages = new Array();
642		function highlighter(thisidder){
643			//  alert(infoPages.length);
644			for(i=0;i<infoPages.length;i+=1){
645				//  alert(infoPages[i]);
646				if(infoPages[i]!=thisidder){
647					document.getElementById(infoPages[i]).className='toplinks';
648				} else {
649					document.getElementById(thisidder).className='toplinks-sel';
650				}
651			}
652
653			//  alert(thisidder);
654			// return;
655		}
656
657		function highlighter(thisidder, parentIdder){
658			//  alert(infoPages.length);
659			for(i=0;i<infoPages.length;i+=1){
660				//  alert(infoPages[i]);
661				if(infoPages[i]!=thisidder){
662					document.getElementById(infoPages[i]).className='toplinks';
663				} else {
664					document.getElementById(thisidder).className='toplinks-sel';
665				}
666			}
667
668			//  alert(thisidder);
669			// return;
670		}
671
672
673
674
675		function NewWindow(mypage, myname, w, h, scroll) {
676			var winl = (screen.width - w) / 2;
677			var wint = (screen.height - h) / 3;
678			winprops = 'height=' + h + ',width=' + w + ',top=' + wint + ',left=' + winl + ',scrollbars=' + scroll + ',resizable'
679			win = window.open(mypage, myname, winprops)
680			if(parseInt(navigator.appVersion) >= 4) { win.window.focus(); }
681		}
682		//-->
683		</script>
683
684
685	
686
687
688	
689
690
691
692
693	
694
695<script>
696
697function showHideThis(theID){
698	if(!shown){
699		$('[id^=theID]').show(250);shown=true;
700	} else {
701		$('[id^=theID]').css('display','none');shown=false;
702	};
703	return false;
704}
705
706</script>
706
707<style>
708#newNav {
709height: 100vh; background-color: #ffffff; width: 215px;  position: fixed; left:-215px; top: 90px; padding: 0 0 20px 0; z-index: 400; display:block; overflow:auto; 
710}
711.leftheight {
712	height: calc(100vh - 90px);
713	height:auto;
714	padding-bottom:80px;
715	width: 190px;
716}
717.socialIcons img {
718	max-height: 25px !important;
719width:auto;
720}
721.leftnavtopspace {
722	margin-top: 20px;
723}
724
725@media screen and (max-width: 640px) {
726#newNav {
727	left:-215px;
728}
729
730</style>
731
732<div id="newNav">
733
734<div class="leftheight">
735
736	<table style="height: calc(100vh - 100px);">
737	<tr valign="top">
738
739		<td width="190">
740
741			<table width="190" border="0" cellspacing="0" cellpadding="0" class="leftnavtopspace">
742			<tr>
743			<td style="width: 180px; vertical-align: top; text-align: left; padding-left: 16px;">
744				<table width="174" border="0" cellspacing="0" cellpadding="0">
745
746
747			<!--  Info Pages  -->
748			
749			
750			
751					
752					<tr>
753						<td valign="top" class="toplinks"><a href="/" target="_top">Home</a></td>
754					</tr>
755				
756				
757				
758			
759			
760					
761			
762			
763			
764			
765			
765<script>
766			shown = false;
767			</script>
767
768						<tr>
769							<td valign="top" class="toplinks" id="portfolioPage1">
769<script>infoPages.push('portfolioPage1');portfolioPage = 'portfolioPage1a';</script>
769<a href="/portfolio.html?folio=Beauty%20and%20The%20Beaks" target="_top" onfocus="if(this.blur)this.blur()" >Beauty and The Beaks</a></td>
770						</tr>
771			
772
773			
774			
774<script>
775			var looper = 1;
776			</script>
776
777			
778
779
780			
781			
782			
783							<tr style="visibility: visible;display:none;" id="portfolioPage1a1member">
784								<td valign="top">
784<script>infoPages.push('portfolioPage1a1member');$("#portfolioPage1a1member").hide()</script>
784
785									<table border="0" cellspacing="0" cellpadding="0">
786										<tr>
787											<td style="width:10px;">&nbsp;</td>
788											<td  class="toplinksGallery" id="folio11">
789	
790	<a href="/gallery.html?loopTrack=1&folio=Beauty%20and%20The%20Beaks&
791			gallery=Beauty%20and%20The%20Beaks" target="_top" onfocus="if(this.blur)this.blur()">Beauty and The Beaks</a>
792	
793	</td>
794										</tr>
795									</table>
796								</td>
797							</tr>
798			
799			
800			
801			
802			
803			
804			
805			
805<script>
806			shown = false;
807			</script>
807
808						<tr>
809							<td valign="top" class="toplinks" id="portfolioPage2">
809<script>infoPages.push('portfolioPage2');portfolioPage = 'portfolioPage2a';</script>
809<a href="/portfolio.html?folio=Steve%20Krongard" target="_top" onfocus="if(this.blur)this.blur()" >Steve Krongard</a></td>
810						</tr>
811			
812
813			
814			
814<script>
815			var looper = 5;
816			</script>
816
817			
818
819
820			
821			
822			
823							<tr style="visibility: visible;" id="portfolioPage2a1member">
824								<td valign="top">
824<script>infoPages.push('portfolioPage2a1member');$("#portfolioPage2a1member").hide()</script>
824
825									<table border="0" cellspacing="0" cellpadding="0">
826										<tr>
827											<td style="width:10px;">&nbsp;</td>
828											<td  class="toplinksGallery" id="folio21">
829	
830	<a href="/gallery.html?loopTrack=2&folio=Steve%20Krongard&
831			gallery=America" target="_top" onfocus="if(this.blur)this.blur()">America</a>
832	
833	</td>
834										</tr>
835									</table>
836								</td>
837							</tr>
838			
839			
840							<tr style="visibility: visible;" id="portfolioPage2a2member">
841								<td valign="top">
841<script>infoPages.push('portfolioPage2a2member');$("#portfolioPage2a2member").hide()</script>
841
842									<table border="0" cellspacing="0" cellpadding="0">
843										<tr>
844											<td style="width:10px;">&nbsp;</td>
845											<td  class="toplinksGallery" id="folio22">
846	
847	<a href="/gallery.html?loopTrack=2&folio=Steve%20Krongard&
848			gallery=New%20York%20City" target="_top" onfocus="if(this.blur)this.blur()">New York City</a>
849	
850	</td>
851										</tr>
852									</table>
853								</td>
854							</tr>
855			
856			
857							<tr style="visibility: visible;" id="portfolioPage2a3member">
858								<td valign="top">
858<script>infoPages.push('portfolioPage2a3member');$("#portfolioPage2a3member").hide()</script>
858
859									<table border="0" cellspacing="0" cellpadding="0">
860										<tr>
861											<td style="width:10px;">&nbsp;</td>
862											<td  class="toplinksGallery" id="folio23">
863	
864	<a href="/gallery.html?loopTrack=2&folio=Steve%20Krongard&
865			gallery=The%20World" target="_top" onfocus="if(this.blur)this.blur()">The World</a>
866	
867	</td>
868										</tr>
869									</table>
870								</td>
871							</tr>
872			
873			
874							<tr style="visibility: visible;" id="portfolioPage2a4member">
875								<td valign="top">
875<script>infoPages.push('portfolioPage2a4member');$("#portfolioPage2a4member").hide()</script>
875
876									<table border="0" cellspacing="0" cellpadding="0">
877										<tr>
878											<td style="width:10px;">&nbsp;</td>
879											<td  class="toplinksGallery" id="folio24">
880	
881	<a href="/gallery.html?loopTrack=2&folio=Steve%20Krongard&
882			gallery=Utah" target="_top" onfocus="if(this.blur)this.blur()">Utah</a>
883	
884	</td>
885										</tr>
886									</table>
887								</td>
888							</tr>
889			
890			
891							<tr style="visibility: visible;" id="portfolioPage2a5member">
892								<td valign="top">
892<script>infoPages.push('portfolioPage2a5member');$("#portfolioPage2a5member").hide()</script>
892
893									<table border="0" cellspacing="0" cellpadding="0">
894										<tr>
895											<td style="width:10px;">&nbsp;</td>
896											<td  class="toplinksGallery" id="folio25">
897	
898	<a href="/gallery.html?loopTrack=2&folio=Steve%20Krongard&
899			gallery=France" target="_top" onfocus="if(this.blur)this.blur()">France</a>
900	
901	</td>
902										</tr>
903									</table>
904								</td>
905							</tr>
906			
907			
908			
909			
910			
911			
912			
913			
913<script>
914			shown = false;
915			</script>
915
916						<tr>
917							<td valign="top" class="toplinks" id="portfolioPage3">
917<script>infoPages.push('portfolioPage3');portfolioPage = 'portfolioPage3a';</script>
917<a href="/portfolio.html?folio=Jodi%20Buren" target="_top" onfocus="if(this.blur)this.blur()" >Jodi Buren</a></td>
918						</tr>
919			
920
921			
922			
922<script>
923			var looper = 4;
924			</script>
924
925			
926
927
928			
929			
930			
931							<tr style="visibility: visible;" id="portfolioPage3a1member">
932								<td valign="top">
932<script>infoPages.push('portfolioPage3a1member');$("#portfolioPage3a1member").hide()</script>
932
933									<table border="0" cellspacing="0" cellpadding="0">
934										<tr>
935											<td style="width:10px;">&nbsp;</td>
936											<td  class="toplinksGallery" id="folio31">
937	
938	<a href="/gallery.html?loopTrack=3&folio=Jodi%20Buren&
939			gallery=SuperWomen" target="_top" onfocus="if(this.blur)this.blur()">SuperWomen</a>
940	
941	</td>
942										</tr>
943									</table>
944								</td>
945							</tr>
946			
947			
948							<tr style="visibility: visible;" id="portfolioPage3a2member">
949								<td valign="top">
949<script>infoPages.push('portfolioPage3a2member');$("#portfolioPage3a2member").hide()</script>
949
950									<table border="0" cellspacing="0" cellpadding="0">
951										<tr>
952											<td style="width:10px;">&nbsp;</td>
953											<td  class="toplinksGallery" id="folio32">
954	
955	<a href="/gallery.html?loopTrack=3&folio=Jodi%20Buren&
956			gallery=Portraits" target="_top" onfocus="if(this.blur)this.blur()">Portraits</a>
957	
958	</td>
959										</tr>
960									</table>
961								</td>
962							</tr>
963			
964			
965							<tr style="visibility: visible;" id="portfolioPage3a3member">
966								<td valign="top">
966<script>infoPages.push('portfolioPage3a3member');$("#portfolioPage3a3member").hide()</script>
966
967									<table border="0" cellspacing="0" cellpadding="0">
968										<tr>
969											<td style="width:10px;">&nbsp;</td>
970											<td  class="toplinksGallery" id="folio33">
971	
972	<a href="/gallery.html?loopTrack=3&folio=Jodi%20Buren&
973			gallery=More%20by%20Jodi" target="_top" onfocus="if(this.blur)this.blur()">More by Jodi</a>
974	
975	</td>
976										</tr>
977									</table>
978								</td>
979							</tr>
980			
981			
982							<tr style="visibility: visible;" id="portfolioPage3a4member">
983								<td valign="top">
983<script>infoPages.push('portfolioPage3a4member');$("#portfolioPage3a4member").hide()</script>
983
984									<table border="0" cellspacing="0" cellpadding="0">
985										<tr>
986											<td style="width:10px;">&nbsp;</td>
987											<td  class="toplinksGallery" id="folio34">
988	
989	<a href="/gallery.html?loopTrack=3&folio=Jodi%20Buren&
990			gallery=New%20Zealand%20by%20Jodi" target="_top" onfocus="if(this.blur)this.blur()">New Zealand by Jodi</a>
991	
992	</td>
993										</tr>
994									</table>
995								</td>
996							</tr>
997			
998			
999			
1000			
1001			
1002			
1003			
1004			
1004<script>
1005			shown = false;
1006			</script>
1006
1007						<tr>
1008							<td valign="top" class="toplinks" id="portfolioPage4">
1008<script>infoPages.push('portfolioPage4');portfolioPage = 'portfolioPage4a';</script>
1008<a href="/portfolio.html?folio=Bios" target="_top" onfocus="if(this.blur)this.blur()" >Bios</a></td>
1009						</tr>
1010			
1011
1012			
1013			
1013<script>
1014			var looper = 1;
1015			</script>
1015
1016			
1017
1018
1019			
1020			
1021			
1022							<tr style="visibility: visible;display:none;" id="portfolioPage4a1member">
1023								<td valign="top">
1023<script>infoPages.push('portfolioPage4a1member');$("#portfolioPage4a1member").hide()</script>
1023
1024									<table border="0" cellspacing="0" cellpadding="0">
1025										<tr>
1026											<td style="width:10px;">&nbsp;</td>
1027											<td  class="toplinksGallery" id="folio41">
1028	
1029	<a href="/gallery.html?loopTrack=4&folio=Bios&
1030			gallery=The%20Team" target="_top" onfocus="if(this.blur)this.blur()">The Team</a>
1031	
1032	</td>
1033										</tr>
1034									</table>
1035								</td>
1036							</tr>
1037			
1038			
1039			
1040			
1041
1042			
1043					<tr>
1044			
1045					</tr>
1046				
1047			
1048			
1049				
1050				
1051						<tr>
1052							<td valign="top" class="toplinks" id="infoPage1">
1052<script>infoPages.push('infoPage1');</script>
1052<a href="/content.html?page=1" target="_top" onfocus="if(this.blur)this.blur()">Info</a></td>
1053						</tr>
1054				
1055				
1056			
1057			
1058				
1059				
1060			
1061			
1062				
1063				
1064			
1065			
1066				
1067				
1068			
1069			
1070				
1071				
1072			
1073			
1074				
1075				
1076			
1077			
1078				
1079				
1080			
1081			
1082				
1083				
1084			
1085			
1086				
1087				
1088			
1089			
1090				
1091				
1092			
1093			
1094				
1095				
1096			
1097			
1098				
1099				
1100			
1101			
1102					
1103				
1104			
1105			
1106					
1107					
1108			
1109			
1110				
1111				
1112			
1113			
1114				
1115				
1116			
1117			
1118				
1119				
1120			
1121			
1122				
1123				
1124			
1125			
1126				
1127				
1128			
1129			
1130				
1131				
1132			
1133			
1134				
1135				
1136			
1137			
1138				
1139				
1140			
1141			
1142				
1143				
1144			
1145			<!-- End Info Pages Loop  -->
1146		
1147			
1148
1149		
1150		
1151				</table>
1152			</td>
1153			</tr>
1154			</table>
1155
1156		</td>
1157	</tr>
1158			
1159	<tr valign="bottom">
1160		<td style="padding-left: 12px; text-align: left;">
1161
1162		
1163		<!-- SOCIAL MEDIA SHARE  -->
1164
1165		
1166		
1167		
1168
1169		  
1170		<div style="padding-top:6px;" id="socialHolder">
1171		<div class="socialIcons"><a href="https://www.instagram.com/stevekrongard/" onclick="window.open(this.href, '', 'resizable=yes,status=yes,location=yes,toolbar=yes,menubar=yes,fullscreen=no,scrollbars=yes,dependent=no,width=900,left=300'); return false;"><img src="/social-icons/instagram-32-bw.png" width="32" height="32" alt="Instagram" border="0" /></a></div>
1172		</div>
1173		
1174		<!-- END SOCIAL MEDIA SHARE  -->	
1175				
1176			
1177		<table style="width: 170px; border: 0px; padding: 0px; padding-left: 6px;" border="0">
1178		
1179	
1180		<tr>
1181		<td class="leftAddress">
1182		
1183		<table border="0" cellspacing="0" cellpadding="0">
1184		
1185
1186		<tr>
1187		<td class="leftAddress" style="padding-top: 1px;"><font color="#808080">212-334-1001</font></td>
1188		</tr>
1189		
1190		
1191		
1192		<tr>
1193		<td class="leftAddress" style="padding-top: 1px;"><font color="#808080">1539 Redstone Ave  C2</font></td>
1194		</tr>
1195		
1196		
1197		
1198		<tr>
1199		<td class="leftAddress" style="padding-top: 1px;"><font color="#808080">Park City Utah 84098</td>
1200		</tr>
1201		
1202		
1203		<tr>
1204		<td class="leftAddress" style="padding-top: 10px;"><a href="#" onclick="NewWindow('/mailer.html','name','700','500','no');return false;"><i class="fa fa-envelope" aria-hidden="true" style="color:#555555; font-size: 1.3rem; opacity: 0.9"></i></a></td>
1205		</tr>
1206		
1207		</table>
1208		
1209		</td>
1210	</tr>
1211	</table>
1212
1213	<div style="height:5px;"></div>
1214
1215	<!-- copyright table here-->
1216		
1217	<div class="copyright" style="padding-bottom: 14px; padding-right: 6px; max-width: 165px; padding-left: 6px;">
1218		<font color="#808080">All photographs ©Steve Krongard & Jodi Buren</font>
1219	</div>
1220	
1221	
1222	
1223	</td>
1224
1225	</tr>
1226	</table>
1227</div>
1228
1229<script defer
1230  src="//assets.pinterest.com/js/pinit.js"
1231  data-pin-build="parsePinBtns"></script>
1231
1232
1233<script>remoteShow('portfolioPage1');highlighter('portfolioPage1');</script>
1233
1234</div>
1235
1236
1237<div align="center" class="galleryholder">		
1238	
1239	<!-- add packery here  -->
1240		
1241		<div  id="searchResults" class="galleryContentArea">
1242
1243				<!-- 
1244[if:($hiddenNav)=='y']
1245				<div class="galleryTitleHiddenNav">
1246				[action_Param:'gallery']
1247				</div>
1248				[/if]
1249 -->
1250
1251			
1252				
1253				<div class="grid packery js-packery" id="makeItMason">
1254
1255				
1256					
1257				
1258
1259				
1260	
1261			<!-- <div class="grid-sizer"></div> -->
1262		
1263				
1264				<a id="next" href="/site26/ajax/newItems.html"></a>
1265			</div>				
1266		</div>
1267</div>
1268	  
1269
1270�����<style type="text/css">�.captionrowleft { width: 140px; display: table-cell; padding: 0 5px 0 10px; } �.captionrowright { width: 140px; text-align:right !important; vertical-align:top; display: table-cell; padding: 0 10px 0 5px; text-align:left; }�.bottomCaptionArea { width: calc(100vw - 300px); height:auto; padding: 0 5px; min-height: 30px; text-align:center; display: table-cell; vertical-align:top; }�.bottomCaptionDetail { min-height: 30px; width:auto; max-height: 50px !important; overflow:auto; display:inline-block; padding-bottom: 2px; padding-top: 5px; margin:0 auto }�.tableContainer { display:table; width:100%; }�.tableContainerInset { width:100%; width: calc(100vw - 0); height: 80px; }�.purchaseInfoRight { padding:4px 0 0 0; }�.rightContainer { vertical-align: middle; }�.middleContainer { padding-left:0; }�.rightContainer { vertical-align: top; }�.imagecaption { font-size:0.9rem;  line-height: normal; }�.submitPurchase:before {�	content: "Purchase Information"�}�@media screen and (max-width: 640px) {�	.captionrowleft { width: 80px; }�	.captionrowright { width: 80px; }�	.submitPurchase:before { content: "Purchase" }�	.bottomCaptionArea { width: calc(100vw - 166px); }�	.imagecaption { font-size:0.8rem; }�	.submitPurchase:before {�		content: "Purchase"�	}�}�</style>��<div class="wrapperrrSlider">��	<a onclick="return closeSlider()" style=" cursor:pointer;"><div class="topRightImageDetailClose"><div style="color:rgba(102, 102, 102, 0.5);"><i class="fal fa-times"></i></div></div></a>�	�	<div class="theImagesCarousel" id="theImagesCarousel" style="border: none;">�		�	</div>	�</div>�<!--  END BIG IMAGE OVERLAY  -->
1271
1272
1273
1274<script src="/site26/js/slick.min.js"></script>
1274
1275
1276<script>
1277$("div.lazy").lazyload({
1278		//effect : "fadeIn",
1279		skip_invisible: false,
1280		threshold : 200000000
1281		
1282});	  
1283$('#makeItMason').hide();
1284$(document).ready(function() {
1285	scrollPosition = $('body').scrollTop();
1286	
1287	var container = document.querySelector('#makeItMason');
1288			$('.grid-item').imagesLoaded( function() {
1289			 pckry = new Packery( container, {
1290					debug: false,
1291					itemSelector: '.grid-item',
1292					percentPosition: true,  
1293					layoutMode: 'packery',
1294					transitionDuration: '1.0s',	
1295					preFill: false,
1296					gutter: 0
1297					
1298				});	
1299			 
1300			 
1301			 $('#makeItMason').show();
1302			 pckry.layout();	 
1303				//Pace.stop;
1304				//Pace.restart = function () {};		
1305			 $('#makeItMason').infinitescroll('retrieve');
1306
1307			 // openImageDetail('/site26/ajax/imageoverlaySliderAjax.html?gallery=');
1308			 	//$('body').scrollTop(200);
1309				//$('body').scrollTop(0);
1310
1311			 
1312		 });
1313		
1314	
1315		var offset = 0;
1316		 
1317	theHeight = $( window ).height() -50 -offset;
1318	$('.imagerSliderAlan').css({'height':theHeight+'px'});
1319	
1320	$(window).resize(function() {
1321		//pckry.layout();
1322		theHeight = $( window ).height() - 50-offset ;
1323		$('.imagerSliderAlan').css({'height':theHeight+'px'});	
1324		
1325	}).resize(); // Trigger resize handlers.       
1326
1327	theSlider = $('.theImagesCarousel').slick({
1328	  lazyLoad: 'ondemand',
1329	  //centerMode: true,
1330	  //adaptiveHeight: true,
1331	  slidesToShow: 1,
1332	  focusOnSelect: true,
1333	  adaptiveHeight: true,
1334	  centerPadding: '50%',
1335	  arrows: false,
1336	  slidesToScroll: 1
1337	})
1338	
1339	$('.theImagesCarousel').on('afterChange', function(slick, currentSlide, slickCurrentSlide){
1340	  theNewHistoryURL = '/gallery.html?gallery=&folio=Beauty+and+The+Beaks&sortnumber='+(parseInt(slickCurrentSlide) + 1);
1341	  window.history.replaceState("", "", theNewHistoryURL);
1342	});		
1343	
1344	// this part disables the right click
1345	$('img').on('contextmenu', function(e) {
1346	return false;
1347	});
1348	//this part disables dragging of image
1349	$('img').on('dragstart', function(e) {
1350	return false;
1351	});
1352
1353	$('.imagerSliderAlan').width($('.imagerSliderAlan').width() -1);
1354});
1355
1356	//$(window).on('resize', function(e) {
1357	//	alert($('.grid-sizer').width());
1358	//});
1359
1360function keepUp(imageNum){
1361
1362}
1363
1364function openImageDetail(imageNum){
1365		sliderOpen = true;
1366		//Pace.stop;
1367		//Pace.restart = function () {};
1368		var speed = 150;
1369		scrollPosition = $('body').scrollTop();	
1370		disableScroll();
1371		$('.page-wrap').css({'visibility':'hidden'});
1372		$('#homefooter').css({'visibility':'hidden'});
1373		$('.theImagesCarousel').slick('slickGoTo', imageNum-1);
1374		$('.wrapperrrSlider').css({'visibility':'visible'});
1375		return false;	
1376}
1377	
1378function closeSlider(){
1379	sliderOpen = false;
1380	// pckry.layout();
1381	enableScroll();
1382	$('.wrapperrrSlider').css({'visibility':'hidden'});
1383
1384	$('.page-wrap').css({'visibility':'visible'});
1385	$('#homefooter').css({'visibility':'visible'});
1386	if (typeof(scrollPosition)!=undefined){
1387		// setTimeout( $('body').scrollTop(scrollPosition) , 500 );
1388	}
1389	theNewHistoryURL = '/gallery.html?gallery=&folio=Beauty+and+The+Beaks';
1390	  window.history.replaceState("", "", theNewHistoryURL);	
1391}	
1392
1393$('body').keypress(function(e){
1394
1395    if(e.which == 27){
1396     closeSlider();
1397    }
1398});
1399function disableScroll() {
1400	$('html').css({'overflow':'hidden'});
1401	$('html').on({
1402	    'mousewheel': function(e) {
1403	        if (e.target.id == 'el') return;
1404	        e.preventDefault();
1405	        e.stopPropagation();
1406	    }
1407	})
1408 }
1409
1410function enableScroll() {
1411	
1412	$('html').unbind("mousewheel");
1413	$('html').css({'overflow':'auto'});
1414}
1415
1416$('#makeItMason').infinitescroll({
1417	navSelector  	: "#next:last",
1418	nextSelector 	: "#next:last",
1419	itemSelector 	: "div.grid-item",
1420	dataType	 	: 'html',
1421	maxPage         : 500,
1422	prefill			: true,
1423	bufferPx		: 40,
1424	localMode    : false,
1425//	loading  : {img:"/site26/art/loader.gif"}, 
1426/*	  loading: {
1427	    finished: undefined,
1428	    finishedMsg: "<em>Congratulations, you've reached the end of the internet.</em>",
1429	                img: null,
1430	    msg: null,
1431	    msgText: "<em>Loading the next set of posts...</em>",
1432	    selector: null,
1433	    speed: 'fast',
1434	    start: undefined
1435	  },
1436*/		path: function(index) {
1437			return ("/site26/ajax/newItems.html?gallery=&w=" + $( window ).width() + '&pack=' + (index -1) + '&packsize=' + 2000);
1438		}
1439    },   function( newElements ) {
1440    			
1441    			// $container.isotope( 'appended', newElements );
1442    			$( newElements ).css({'opacity':'0.0'});
1443				
1444				
1445				
1446				$( newElements ).imagesLoaded( function() {
1447					//$( '.socialHolder' ).css({'opacity':'0.0'});
1448					pckry.appended( newElements );
1449					//pckry.layout();
1450					//pckry.layout();
1451					// $('.grid').css({'height':$('#makeItMason').height()});
1452					//$(window).resize();
1453					//console.log($('#makeItMason').height());
1454					//console.log($('.grid').height());
1455					$( newElements ).css({'opacity':'1.0'});
1456					//$( '.socialHolder' ).css({'opacity':'1.0'});
1457
1458
1459					$('img').on('contextmenu', function(e) {
1460						return false;
1461					});
1462					//this part disables dragging of image
1463					$('img').on('dragstart', function(e) {
1464						return false;
1465					});
1466
1467
1468				});
1469				//$( '.socialHolder' ).css({'opacity':'1.0'});
1470
1471				// enableScroll();
1472				// 
1473
1474
1475		}
1476  );
1477
1478</script>
1478
1479
1480
1481
1482<script src="/js/js.js"></script>
1482
1483
1484
1485<script type="text/javascript">
1486lastQuery = '';
1487
1488$('#searchTerm').bind('keypress', function(e) {
1489		if ($('#searchTerm').val()!=lastQuery && e.keyCode == 13){
1490		lastQuery = $('#searchTerm').val();
1491		if ($('#searchTerm').val().length > 2){
1492 			theResult = $.ajax({
1493			   type: "GET",
1494			   url: ("/site25/searchResults.html?searchTerm="+$('#searchTerm').val()),
1495			   async:false,
1496			   success: function(data)
1497			   {
1498			   return data;
1499				}
1500			}).responseText;
1501			$("#searchResults").html(theResult).slideDown(5000);
1502			return false;
1503	} else {
1504		
1505			//$("#searchResults").html('');
1506			return false;
1507	}
1508	}
1509});
1510
1511$('#searchClick').bind('click', function() {
1512		if ($('#searchTerm').val()!=lastQuery){
1513		lastQuery = $('#searchTerm').val();
1514		if ($('#searchTerm').val().length > 2){
1515 			theResult = $.ajax({
1516			   type: "GET",
1517			   url: ("/site25/searchResults.html?searchTerm="+$('#searchTerm').val()),
1518			   async:false,
1519			   success: function(data)
1520			   {
1521			   return data;
1522				}
1523			}).responseText;
1524			// $('_top').ScrollTo({onlyIfOutside: true});
1525			$("#searchResults").fadeOut("slow");
1526			$("#searchResults").html(theResult);
1527			$("#searchResults").fadeIn("slow");
1528			$("#searchResults").scrollTop();
1529			return false;
1530	} else {
1531		
1532			//$("#searchResults").html('');
1533			return false;
1534	}
1535	}
1536});
1537
1538function getBigImage(theID){
1539 			theResult = $.ajax({
1540			   type: "GET",
1541			   url: ("/site25/ajaxSearchDetail.html?photoID=" + theID),
1542			   async:false,
1543			   success: function(data)
1544			   {
1545			   return data;
1546				}
1547			}).responseText;
1548	
1549	$('#outerPhotoHolder').html(theResult);
1550	originalHeight = parseInt($('#photoHolder').css('max-height'));
1551	originalWidth = parseInt($('#photoHolder').css('max-width'));
1552	//alert(originalHeight + '/' + originalWidth);
1553	
1554	if ($(window).height()<parseInt($('#photoHolder').css('max-height'))){
1555		mulletplier =  $(window).height() / parseInt($('#photoHolder').css('max-height'));
1556		newHeight = Math.round( parseInt($('#photoHolder').css('max-height')) * mulletplier);
1557		newWidth = Math.round( parseInt($('#photoHolder').css('max-width')) * mulletplier);
1558		$('#photoHolder').css('max-width', (newWidth + 'px'));
1559		$('#photoHolder').css('max-height', (newHeight + 'px'));
1560		//alert(mulletplier);
1561		
1562	}
1563
1564	if ($(window).width()<parseInt($('#photoHolder').css('max-width'))){
1565		mulletplier =  $(window).width() / parseInt($('#photoHolder').css('max-width'));
1566		newHeight = Math.round( parseInt($('#photoHolder').css('max-height')) * mulletplier);
1567		newWidth = Math.round( parseInt($('#photoHolder').css('max-width')) * mulletplier);
1568		$('#photoHolder').css('max-width', (newWidth + 'px'));
1569		$('#photoHolder').css('max-height', (newHeight + 'px'));
1570		//alert(mulletplier);
1571		
1572	}
1573	detailOpen = true;
1574	$('#overlayer').css('display','block');
1575	$('.FotomotoToolbarClass').html('');
1576	return false;
1577}
1578
1579$( window ).resize(function() {
1580	if (typeof originalWidth != "undefined"){
1581		//alert(originalHeight + '/' + originalWidth);
1582		$('#photoHolder').css('max-width', (originalWidth + 'px'));
1583		$('#photoHolder').css('max-height', (originalHeight + 'px'));
1584
1585	if ($(window).height()<parseInt($('#photoHolder').css('max-height'))){
1586		mulletplier =  $(window).height() / parseInt($('#photoHolder').css('max-height'));
1587		newHeight = Math.round( parseInt($('#photoHolder').css('max-height')) * mulletplier);
1588		newWidth = Math.round( parseInt($('#photoHolder').css('max-width')) * mulletplier);
1589		$('#photoHolder').css('max-width', (newWidth + 'px'));
1590		$('#photoHolder').css('max-height', (newHeight + 'px'));
1591		//alert(mulletplier);
1592		
1593	}
1594
1595	if ($(window).width()<parseInt($('#photoHolder').css('max-width'))){
1596		mulletplier =  $(window).width() / parseInt($('#photoHolder').css('max-width'));
1597		newHeight = Math.round( parseInt($('#photoHolder').css('max-height')) * mulletplier);
1598		newWidth = Math.round( parseInt($('#photoHolder').css('max-width')) * mulletplier);
1599		$('#photoHolder').css('max-width', (newWidth + 'px'));
1600		$('#photoHolder').css('max-height', (newHeight + 'px'));
1601		//alert(mulletplier);
1602		
1603	}
1604	}
1605
1606});
1607
1608
1609$(document).keyup(function(e){
1610
1611    if(e.keyCode === 27) {
1612		if (typeof detailOpen!= "undefined" && detailOpen){
1613		$('#overlayer').css('display','none');
1614		detailOpen = false;
1615		}
1616	}
1617
1618});
1619
1620</script>
1620
1621
1622<script type="text/javascript" src="/js/navHelperSite25new.js"></script>
1622
1623
1624
1625<script language="JavaScript" type="text/JavaScript">�var message="The content on this page is copyrighted\n and may not be copied.";�function trapIE4(){�	if (event.button==2){�		alert(message);�		return false;�	}�}�function trapNS4(e){�	if (document.getElementById&&!document.all||document.layers){�		if (e.which==2||e.which==3){�			alert(message);�			return false;�		}�	}�}�if (document.layers){�	document.captureEvents(Event.MOUSEDOWN);�	document.onmousedown=trapNS4;�}�else if (document.all&&!document.getElementById){�	document.onmousedown=trapIE4;�}�document.oncontextmenu=new Function("alert(message);return false");�</script>
1625
1626
1627</body>
1628</html>
1629

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.