/** * v1.2 - Copyright 2015 Madden Media - All rights reserved. * * A set of parallax design functionality. */ !function(a){"use strict";a.fn.parallaxBG=function(b){var c=a(window).height(),d=0,e=a(window).scrollTop(),f=0,g=0,h=a.extend({adjustX:0,adjustY:0,bgXOffset:0,bgYOffset:0,bgXPosition:"100%",bgYPosition:"100%"},b);return this.each(function(){var b=a(this);a(window).scroll(function(){var i=h.bgXAdjust,j=b.css("backgroundPosition").split(" ");parseInt(j[0]);if(e=a(window).scrollTop(),f=b.offset().top,g=b.outerHeight(),e=e+c)){var l=0==h.adjustX?h.bgXPosition:Math.round((f-e)*h.adjustX)+0+h.bgXOffset+"px",m=0==h.adjustY?h.bgYPosition:Math.round((f-e)*h.adjustY)+0+h.bgYOffset+"px";b.css("background-position",l+" "+m)}})})},a.fn.parallaxLockElement=function(b){var c=!1,d=a.extend({parentEl:"",offsetTop:0,additionalCSS:void 0,onLock:void 0,onRelease:void 0},b);return this.each(function(){var b=a(this),e=a(d.parentEl);a(window).scroll(function(){var f=parseInt(e.offset().top-a(window).scrollTop()-d.offsetTop),g=e.offset().top+e.outerHeight(),i=(parseInt(b.outerHeight()),e.offset().top+e.outerHeight()-(b.offset().top+b.outerHeight()));f<=0?g+i<=a(window).scrollTop()+a(window).innerHeight()?c&&(c=!1,b.css({position:"absolute",top:"inherit",bottom:i+"px"}),"function"==typeof d.onRelease&&d.onRelease(this)):(b.css({position:"fixed",top:d.offsetTop+"px",bottom:"auto"}),"function"==typeof d.onLock&&d.onLock(this),c=!0):(b.css({position:"relative",top:"auto"}),"function"==typeof d.onRelease&&d.onRelease(this),c=!1),void 0!=d.additionalCSS&&b.css(d.additionalCSS)})})},a.fn.parallaxAnimateElement=function(b){var c=new Array,d=0,e=0,f=!1,g=a.extend({frames:1,elementClass:"floatingElement",elementFrameClassRoot:"frame",startOffset:null,endOffset:null,showWhenCentered:!1,centerOffsetAnimationRange:null,lock:!1,parentEl:"",offsetTop:0,additionalCSS:void 0,onLock:void 0,onRelease:void 0},b);g.lock?a(this).parallaxLockElement({parentEl:g.parentEl,offsetTop:g.offsetTop,additionalCSS:g.additionalCSS,onLock:g.onLock,onRelease:g.onRelease}):f=!0;var h=parseInt(a(this).parent().height());if(g.showWhenCentered)null==g.centerOffsetAnimationRange?g.centerOffsetAnimationRange=1:g.centerOffsetAnimationRange.indexOf("%")!=-1?g.centerOffsetAnimationRange=parseInt(g.centerOffsetAnimationRange)/100:g.centerOffsetAnimationRange=1;else{if(null!=g.startOffset)if(g.startOffset.indexOf("%")!=-1){var i=parseInt(g.startOffset)/100;d=Math.floor(h*i)}else{var i=parseInt(g.startOffset);d=i}if(null!=g.endOffset)if(g.endOffset.indexOf("%")!=-1){var i=parseInt(g.endOffset)/100;e=Math.floor(h-h*i)}else{var i=parseInt(g.endOffset);e=i}0==d&&0==e||(h=h-e-d);for(var j=h/g.frames,k=1;k<=g.frames;k++)c.push(Math.floor(d+j*k));f&&void 0!=g.additionalCSS&&a(this).css(g.additionalCSS)}return this.each(function(){var b=a(this),d=c.length,e=g.showWhenCentered?a(this).height()*g.centerOffsetAnimationRange:a(this).height();a(window).scroll(function(){var f=b.offset().top,h=!(f+b.outerHeight()<=a(window).scrollTop()||f>=a(window).scrollTop()+a(window).height());if(h){if(g.showWhenCentered){var i=parseInt(b.offset().top-a(window).scrollTop()),j=parseInt(i+e/2),k=parseInt(a(window).innerHeight()/2),l=parseInt(j-e),m=parseInt(j+e);if(k=l&&k<=m){var n=Math.max(0,Math.min(1,1-(l+(j-k))/j));d=Math.ceil(g.frames*n)}else d=g.frames}else for(var o=parseInt(b.parent().offset().top-a(window).scrollTop()),p=o*-1+e/2,q=0;q
"+e[r].title+"
";t.append(a)}},unFixBGImagesForIPads=function(e){e=void 0===e?".chapterImage":e,getIsLarge()&&getIsIPad()&&$(e).css("background-attachment","scroll")},getLazyLoadPluginObject=function(){return _lazyLoadObject},getCurrentChapter=function(){return _onChapter},getVisibleViewport=function(e){return e?window.innerHeight-_stickyTopBarHeight+"px":parseInt(window.innerHeight-_stickyTopBarHeight)},getViewportOffset=function(e,t){return t?jQuery(e).offset().top-jQuery(window).scrollTop()-_stickyTopBarHeight+"px":parseInt(jQuery(e).offset().top-jQuery(window).scrollTop()-_stickyTopBarHeight)},getItemInViewport=function(e){var t=jQuery(e).offset().top;return!(t+jQuery(e).outerHeight()<=jQuery(window).scrollTop()||t>=jQuery(window).scrollTop()+jQuery(window).height())},getItemInViewportCenter=function(e,t){var r=jQuery(e).offset().top,o=jQuery(window).height()/2;return t=t||0,!(r>=jQuery(window).scrollTop()+o+t||r<=jQuery(window).scrollTop()+o-t)},getStickyTopBarHeight=function(){return _stickyTopBarHeight},getIsSmall=function(){return _isSmall},getIsMedium=function(){return _isMedium},getIsLarge=function(){return _isLarge},getIsMobile=function(){return"undefined"!=typeof console&&console.log("%c NOTICE getIsMobile()) deprecated - use getIsSmall()","background:orange; color:black"),_isSmall},getIsTablet=function(){return"undefined"!=typeof console&&console.log("%c NOTICE getIsTablet()) deprecated - use getIsMedium()","background:orange; color:black"),_isMedium},getDoParallax=function(){return"undefined"!=typeof console&&console.log("%c NOTICE getDoParallax()) deprecated - use getIsLarge()","background:orange; color:black"),_isLarge},getIsDesktop=function(){return!/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)},getIsIPad=function(){return navigator.userAgent.match(/iPad;.*CPU.*OS/i)},getIsNewerIPad=function(){return!!getIsIPad()&&1!=window.devicePixelRatio},getIsResponsive=function(){return IS_RESPONSIVE},adjustLayoutAfterResize=function(){initChapterTops(!0)},adjustChapterLinksArtHeight=function(e,t){jQuery(e).css("height",jQuery(t).outerHeight())},adjustSizeToParentAndViewport=function(e,t){jQuery(e).css("height",getVisibleViewport(!0)),jQuery(e).css("width",jQuery(t).width())},adjustSizeHeightToParent=function(e,t){var r=jQuery(t).height();jQuery(e).css("height",r+"px")},equalizeElementHeightsToTallest=function(e){for(var t=0,r=0;r=_chapterTops[o]){t=o+1;break}return-1!=t&&adjustChapterLinks(t),t}},adjustChapterLinks=function(e){jQuery(_chapterLinkEl).each(function(){jQuery(this).attr("href")!="#"+e?"function"==typeof _setChapterLinkCallback&&_setChapterLinkCallback(this,!1):("function"==typeof _setChapterLinkCallback&&_setChapterLinkCallback(this,!0),_onChapter=e)})},adjustMultiSizedImages=function(){"undefined"!=typeof console&&console.log("%c NOTICE adjustMultiSizedImages()) deprecated - lazy load is automatically managed","background:orange; color:black")},toTop=function(){jQuery("html, body").animate({scrollTop:0},600)},runTopMenuControl=function(){getIsSmall()?toggleMobileMenu(_mobileMenuEl,_topAndMobileMenuControl):toTop()},toggleMobileMenu=function(e,t){getIsSmall()&&(jQuery(e).toggle("fast"),jQuery(t).toggle("fast"))},goToChapter=function(e){var t=jQuery(_chapterElPrefix+e).offset().top-_stickyTopBarHeight+1,r=e<_onChapter?_onChapter-e:e-_onChapter,o=Math.floor(1e3/(_chapterTops.length-(_chapterTops.length-r)));jQuery("html, body").animate({scrollTop:t},o,function(){adjustChapterLinks(e),"function"==typeof _chapterSetCompleteCallback&&_chapterSetCompleteCallback(e)}),_onChapter=e},animateOverflowContent=function(e,t,r,o,a){if(a==_onChapter){var n=jQuery(e).css("background-position").split(" "),i=isNaN(t)?t:t+parseInt(n[0])+"px",l=isNaN(r)?r:r+parseInt(n[1])+"px";jQuery(e).css({"background-position":i+" "+l})}window.setTimeout(function(){animateOverflowContent(e,t,r,o,a)},o)},cycleImages=function(e,t){var r=jQuery(e+" .active"),o=0').attr('src', paragraph.src).attr('class','mural-img'); console.log( $img); var caption = ""; if(!paragraph.caption){ caption = `
` + paragraph.title + `
`; if( paragraph.artist){ caption += `
` + paragraph.artist + `,
`; } caption += ` ` + paragraph.address + `
`; } $('.chapter.c' + j + ' p[data-paragraph="' + k + '"]').prepend($img); $img.wrap('
'); var $wrapper = $($img).parent('.image-wrapper'); $wrapper.append( caption ); }) } }) } function activateSlideshow(v){ $(v).closest('.chapter').removeClass('endSlideshow').removeClass('startSlideshow'); var PID = $(v).data('paragraph'), chapterParent = $(v).closest('.chapter'); //$(v).css('background-color', 'red'); if( !chapterParent.hasClass( 'c' + PID ) ){ chapterParent.removeClass('activeSlideshow'); } chapterParent.addClass('activeSlideshow'); setSlideshowImage(v); } function deactivateSlideshow(v){ var chapterParent = $(v).closest('.chapter'); //$(v).css('background-color', 'white'); chapterParent.removeClass('activeSlideshow'); } function setSlideshowImage(v){ var chapter = $(v).data('chapter'), paragraph = $(v).data('paragraph'), img = $(v).closest('.chapter').find('.cImage img'); if( chapter && 'undefined' != typeof chapterImages.chapters[chapter]){ if( paragraph && 'undefined' != typeof chapterImages.chapters[chapter].paragraphs[paragraph]){ $(img).removeClass('active'); $(img).closest('.img-wrapper').removeClass('active'); var thisParagraph = chapterImages.chapters[chapter].paragraphs[paragraph], src = thisParagraph.src, caption = thisParagraph.caption, imageClass = thisParagraph.class; $(img).removeClass('firstSlide').removeClass('lastSlide'); if(imageClass){ // $(img).addClass(imageClass); } setTimeout(function() { $(img).attr('src', src); $(img).closest('.img-wrapper').height( $(img).height() ).addClass('active'); if(!caption){ caption = `
` + thisParagraph.title + `
`; if( thisParagraph.artist){ caption += `
` + thisParagraph.artist + `,
`; } caption += ` ` + thisParagraph.address + ``; } if(caption){ var $caption = $(img).closest('.img-wrapper').find('.caption'); $caption.html(caption).show().css('bottom', '-' + (10 + $caption.outerHeight()) + 'px' ); } else{ $(img).closest('.img-wrapper').find('.caption').hide(); } $(img).addClass('active'); }, 150); } } } contentOnReady = function () { $('#c4Text p:nth-of-type(2) > a:first-of-type').attr('href', 'http://www.ci.wickenburg.az.us/1392/Parks-Trails-Campgrounds'); // set the window width _winWidth = jQuery(window).width(); // recommended Reads links buildRelatedLinks([ { "title": "Buffalo’s Art Museums and Galleries", "link": "https://www.visitbuffaloniagara.com/business-type/art/" }, { "title": "Frank Lloyd Wright’s Buffalo", "link": "https://www.visitbuffaloniagara.com/buffalo-unexpected-legacy/" }, { "title": "48 Hours in Buffalo", "link": "https://www.visitbuffaloniagara.com/48-hours-in-buffalo/" } ]); customAdjustLayout(true); if ( !(getIsSmall()) ) { $("#ci0").parallaxBG({ adjustY: .12, bgXPosition: 'center' }); $("#ci2").parallaxBG({ adjustY: .12, bgXPosition: 'center' }); $("#ci3").parallaxBG({ adjustY: .12, bgXPosition: 'center' }); $("#ci4").parallaxBG({ adjustY: .12, bgXPosition: 'center' }); } // ipad pro will use large size, but needs backgrounds set to scroll, not fixed unFixBGImagesForIPads(); // add the complete class to the loader jQuery('#loading').addClass('complete'); if( $(window).width() > 1200 ){ preloadImages(); var elements = $('p[data-paragraph]'); $.each(elements, function(k,v){ if( $(v).data('paragraph') > 0 ){ if( 1 != $(v).data('paragraph') ){ var waypointTop = new Waypoint({ element: $(v), handler: function(direction) { var PID = $(v).data('paragraph'), chapterParent = $(v).closest('.chapter'); if( 'down' == direction ){ activateSlideshow(v); } else{ deactivateSlideshow(v); } }, offset: function() { return paragraphOffsetEnter(this.element); } }) } if( !$(v).hasClass('custom-waypoint-bottom') ){ var waypointBottom = new Waypoint({ element: $(v), handler: function(direction) { if( 'down' == direction ){ deactivateSlideshow(v); } else{ activateSlideshow(v); } }, offset: function() { return ( paragraphOffsetExit(this.element) ); } }) } } }) } else{ buildMobileImages(); } var lastSlides = $('.custom-waypoint-bottom'); $.each(lastSlides, function(k,v){ var waypointLast = new Waypoint({ element: $(v), handler: function(direction) { if( 'down' == direction ){ deactivateSlideshow($(this.element)); $(this.element).closest('.chapter').addClass('endSlideshow'); } else{ activateSlideshow($(this.element)); } }, offset: function() { console.log ('c4p7: '+ paragraphOffsetExit(this.element) ); return ( -160 ); //+ paragraphOffsetExit(this.element) ); } }) }) var firstSlides = $('p[data-paragraph="1"]'); $.each(firstSlides, function(k,v){ var el = $(v).closest('.chapter').find('.cImage'); var waypointFirst = new Waypoint({ element: $(el), handler: function(direction) { if( 'down' == direction ){ activateSlideshow($(this.element) ); $(this.element).closest('.chapter').removeClass('startSlideshow'); } else{ deactivateSlideshow($(this.element)); $(this.element).closest('.chapter').addClass('startSlideshow'); } }, offset: function() { return ( imageOffsetEnter(this.element) ); } }) }) var swiper = new Swiper(".mySwiper", { navigation: { nextEl: ".swiper-button-next", prevEl: ".swiper-button-prev", }, }); } // // Called on document scroll // contentOnScroll = function () { } // // Called on a touch move on mobile // contentOnTouchMove = function () { } // // Called on document resize // contentOnResize = function () { customAdjustLayout(); } ///////////////////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////// // CUSTOM FUNCTIONS ///////////////////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////// // // The frameworks was given this function to handle setting chapter buttons // when the chapter is set // // chapterEl: The chapter link DOM element // on: Is it being turned on? (true|false) // customChapterLinkAdjust = function (chapterEl, on) { jQuery(chapterEl).attr("class", ((on) ? "navLink chapterLink noGA on" : "navLink chapterLink noGA")); } // // Adjust this specific layout after a load or resize event // // isLoad: Is this being called by a load or resize event? // customAdjustLayout = function (isLoad) { var localNotJustTouchScroll = isLoad; // is it really a resize? if (jQuery(window).width() != _winWidth) { // yes localNotJustTouchScroll = true; _winWidth = jQuery(window).width(); } if (localNotJustTouchScroll) { } }