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 & 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;"> </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;"> </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;"> </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;"> </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;"> </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;"> </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;"> </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;"> </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;"> </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;"> </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;"> </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.