Bubble Art | Early Childhood Activity | Gryphon House (2024)

"); } else if ($("body").find(".body-container-wrapper .page-center")) { $("body").find(".body-container-wrapper .page-center:eq(0)").prepend("

"); } else { $("body").addClass("header--static"); } } var thisHeader = $("body").find("header"); var thisHelloHeight = $("body").hasClass("header--hello--visible") ? thisHeader.find(".header--hello--body").outerHeight() : 0; //if ( $(window).width() > 1024) { // // var thisHeaderTop = thisHeader.find(".header--top").outerHeight() > 0 ? thisHeader.find(".header--top").outerHeight() : thisHeader.find(".header--top").data('height'); // //} else { // var thisHeaderTop = 0; //} var thisHeaderTop = thisHeader.find(".header--top").outerHeight() > 0 ? thisHeader.find(".header--top").outerHeight() : thisHeader.find(".header--top").data('height'); var thisHeaderMain = thisHeader.find(".header--main").outerHeight();// var thisHeaderAnchor = $("body").find(".header--anchor:eq(0)"); var thisOffsetBackground = $('body').find('.section:eq(0) .background .background--layer.background--layer--offset ~ .background--layer');// if (!$("body").hasClass("header--hello--transitioning")) {// thisHeaderAnchor.css({// "height":( thisHeaderMain + thisHeaderTop + thisHelloHeight ) + "px"// });// thisOffsetBackground.css({// "marginTop":( thisHeaderMain + thisHeaderTop + thisHelloHeight + 20) + "px"// });// } } $(document).ready(function(){ $('body').on('mouseenter', '.header--main--nav--item, .header--main--secondarynav--item', function () { $(this).siblings().removeClass('active'); $(this).addClass('active'); const headerHeight = $(document).find('header').outerHeight(); const megaMenuBody = $(this).find('.header--megamenu--wrapper'); megaMenuBody.css('max-height', `calc(100vh - ${headerHeight}px)`); }); $('body').on('mouseleave', '.header--main--nav--item, .header--main--secondarynav--item', function () { $(this).removeClass('active'); }); $('body').on('mouseleave', '.header--main--nav .hs-menu-wrapper li.hs-item-has-children', function () { $(this).removeClass('active'); }); $(document).on('touchstart', '.header--main--nav--item--label', function() { if ( $(this).parent().hasClass('active') ) { $(this).parent().removeClass('active') $(this).parent().trigger('blur'); } else { $(this).parent().addClass('active') $(this).parent().trigger('focus'); } }); $('body').on('touchstart', '.header--main--nav .hs-menu-wrapper li.hs-item-has-children', function() { if ( $(this).hasClass('active') ) { $(this).removeClass('active'); } else { $(this).addClass('active'); } }); if ( ! touch() ) { $(document).on('focusin', '.header--main--nav--item',function(){ $(this).siblings().removeClass('active'); $(this).addClass('active'); }); $(document).on('focusin', '.header--main--nav .hs-menu-wrapper li.hs-item-has-children',function(){ $(this).addClass('active'); }); $(document).on('focusin', '.header--main--nav .hs-menu-wrapper li',function(){ $(this).siblings().removeClass('active'); }); $(document).on('focusin', '.header--main--search',function(){ $(document).find('.header--main--nav--item.active').removeClass('active'); $(document).find('.header--main--nav .hs-menu-wrapper li.hs-item-has-children.active').removeClass('active'); }); $(document).keyup(function(e) { if (e.key === "Escape") { $(document).find('.header--main--nav--item').removeClass('active'); $(document).find('.header--main--nav .hs-menu-wrapper li').removeClass('active'); } }); } }); lastScrollDist = 0; helloBarTransition = false; function sizeHeader() { if (!$("body").hasClass("header--static")) { scrollDist = $(window).scrollTop(); thisHeader = $("body").find("header"); thisHeaderBody = thisHeader.find(".header--body"); $("body").addClass("header--initialized"); scrollDistOffset = 0; if ($("body").hasClass("header--hello--visible")) { scrollDistOffset += $("body").find(".header--hello").height(); } scrollDistRecalculated = scrollDist - ($("body").hasClass("header--hello--visible")?$("body").find(".header--hello--body").height():0); scrollDirection = "neutral"; if (scrollDistRecalculated < lastScrollDist) { scrollDirection = "up"; } else if (scrollDistRecalculated > lastScrollDist) { scrollDirection = "down"; } lastScrollDist = scrollDistRecalculated; stickyStart = 0; if ($("body").hasClass("header--hello--visible")&&(!$("body").hasClass("header--hello--closed"))) { stickyStart += $("body").find(".header--hello").height(); } stickyStart += thisHeaderBody.height();// if ( ( scrollDist > ( thisHeader.height() / 2 ) ) && ( helloBarTransition != true ) && ( ( ! $("body").hasClass("mobilenav--active" ) ) || ( document.documentElement.clientWidth >= 1024 ) ) ) {// $("body").addClass("header--fixed");// $("body").removeClass("header--notfixed");// if (scrollDist >= stickyStart) {// $("body").removeClass("header--isanchored");// $("body").addClass("header--issticky");// if (scrollDirection == "up") {// $("body").removeClass("header--hidden");// $("body").addClass("header--visible");// thisHeader.css({// "top":""// });// }// else if (scrollDirection == "down") {// $("body").addClass("header--hidden");// $("body").removeClass("header--visible");// thisHeader.css({// "top":(-1 * stickyStart)+"px"// });// }// }// else {// $("body").removeClass("header--hidden");// $("body").addClass("header--visible");// thisHeader.css({// "top":""// });// }// }// else {// $("body").addClass("header--isanchored");// $("body").removeClass("header--issticky");// $("body").addClass("header--notfixed");// $("body").removeClass("header--fixed header--hidden");// $("body").addClass("header--visible");// thisHeader.css({// "top":""// });// } } if (typeof(sizeSubmenu) == "function") { sizeSubmenu(); } } function sizeMobilenav() { if ($("body").hasClass("mobilenav--active")) { if ($("body").hasClass("header--static")) { $(window).scrollTop(0); } $("body").find(".mobilenav--cta--spacer").css({ "height":"" }); var headerHeight = $("body").find("header .header--body").height(); var headerHelloIsVisible = $('body').hasClass('header--hello--visible'); var headerHelloHeight = headerHelloIsVisible ? $('body').find('header .header--hello').height() : 0; var windowHeight = window.innerHeight; var minHeight = windowHeight - headerHeight - headerHelloHeight; $("body").find(".mobilenav").css({ "height":(minHeight)+"px" }); $("body").find(".mobilenav--panel").each(function () { if ($(this).find(".mobilenav--cta--spacer").length > 0) { panelBodyHeight = $(this).find(".mobilenav--panel--body").height(); panelCtaHeight = $(this).find(".mobilenav--cta--wrapper").outerHeight(); if (panelBodyHeight + panelCtaHeight + 21 < minHeight) { $(this).find(".mobilenav--cta--spacer").css({ "height":(minHeight - (panelBodyHeight + panelCtaHeight + 21))+"px" }); } } }); } else { $("body").find(".mobilenav, .mobilenav--cta--spacer").css({ "height":"0px" }); } } $("body").find(".header--main--menutrigger").click(function () { if ($("body").hasClass("mobilenav--active")) { $("body").removeClass("mobilenav--active"); sizeMobilenav(); } else { $("body").find(".mobilenav--nav").addClass("no--transition"); $("body").find(".mobilenav--nav")[0].offsetHeight; $("body").find(".mobilenav--nav").css({ "left":"" }); $("body").find(".mobilenav--panel").removeClass("mobilenav--panel--active"); $("body").find(".mobilenav--nav")[0].offsetHeight; $("body").find(".mobilenav--nav").removeClass("no--transition"); $("body").addClass("mobilenav--active"); sizeMobilenav(); } }); $("body").find(".header--main--nav .hs-menu-wrapper li.hs-item-has-children").hover(function () { thisChild = $(this).find(">ul"); thisChild.css({ "margin-left":"" }); windowWidth = $(window).width(); childOffset = thisChild.offset().left; childWidth = thisChild.width(); childOverlap = windowWidth - (childOffset + childWidth); if (childOverlap < 0) { thisChild.css({ "margin-left":(childOverlap)+"px" }); } }); $('body').find('.header--main--search--trigger').on('click',function () { Fancybox.show([{ src: '#main--search', type: 'inline', closeButton: 'outside', }], { on: { ready: (fancybox) => { $('body').find('.header--main--search--search').addClass('active'); $('body').addClass('header--main--search--search--active'); }, destroy: (fancybox) => { $('body').removeClass('header--main--search--search--active'); $('body').find('.header--main--search--input--input').val('').blur(); if ( $(window).width() > 1023 ) { $('body').find('.header--main--search--trigger').focus(); } } } }); }); $('body').find('.header--main--search--close').on('click',function () { Fancybox.close(); }); $('body').find('.header--main--search--search').on('click',function(){ if ( $(this).hasClass('active') ) { headerSearch(); } }); $("body").find(".mobilenav--panel").each(function () { $(this).appendTo(".mobilenav--nav"); }); $("body").find(".mobilenav--nav--item--parent > .mobilenav--nav--item--label").click(function (e) { e.preventDefault(); thisDepth = parseInt($(this).closest(".mobilenav--panel").attr("data-depth")) + 1; thisRel = $(this).closest(".mobilenav--nav--item--parent").attr("rel"); thisPanel = $("body").find(".mobilenav--panel[rel='"+thisRel+"']"); thisPanelHeight = thisPanel.find(".mobilenav--panel--body").height(); $("body").find(".mobilenav--panel[data-depth='"+thisDepth+"']").scrollTop(0).css({ "z-index":"" }); $("body").find(".mobilenav--panel").removeClass("mobilenav--panel--active"); thisPanel.addClass("mobilenav--panel--active").css({ "z-index":"2" }); $("body").find(".mobilenav--upper").css({ "min-height":(thisPanelHeight)+"px" }); sizeMobilenav(); $("body").find(".mobilenav--nav").css({ "left":(-100 * thisDepth)+"%" }); }); $("body").find(".mobilenav--nav--back--label").click(function (e) { e.preventDefault(); thisDepth = parseInt($(this).closest(".mobilenav--panel").attr("data-depth")) - 1; thisRel = $(this).closest(".mobilenav--nav--back").attr("rel"); thisPanel = $("body").find(".mobilenav--panel[rel='"+thisRel+"']"); $("body").find(".mobilenav--panel[data-depth='"+thisDepth+"']").scrollTop(0).css({ "z-index":"" }); $("body").find(".mobilenav--panel").removeClass("mobilenav--panel--active"); thisPanel.addClass("mobilenav--panel--active").css({ "z-index":"2" }); sizeMobilenav(); $("body").find(".mobilenav--nav").css({ "left":(-100 * thisDepth)+"%" }); }); $(document).ready(function () { if ($(window).scrollTop() < 200) {// $(window).scrollTop(0); } sizeHeader(); if (!$("body").hasClass("header--static")) { scrollDist = $(window).scrollTop(); stickyStart = 0; if ($("body").hasClass("header--hello--visible")) { stickyStart += $("body").find(".header--hello").height(); } stickyStart += $("body").find(".header--body").height(); if (scrollDist >= stickyStart) {// $("body").removeClass("header--fixed");// $("body").addClass("header--fixed header--hidden");// $("body").removeClass("header--visible");// thisHeader.addClass("no--transition"); thisHeader[0].offsetHeight;// thisHeader.css({// "top":(-1 * stickyStart - 15)+"px"// }); thisHeader[0].offsetHeight;// thisHeader.removeClass("no--transition"); } } sizeMobilenav(); }); $(window).on('mousewheel',function () { sizeHeader(); // sizeAnchor(); }); $("body").on('touchmove', function () { sizeHeader(); // sizeAnchor(); }); $(document).scroll(function () { sizeHeader(); // sizeAnchor(); }); $(window).on('load',function () { sizeAnchor(); sizeHeader(); sizeMobilenav(); }); $(window).resize(function () { sizeAnchor(); sizeHeader(); sizeMobilenav(); }); function mobileSearch() { if ($("body").find(".mobilenav--search--input").val()) { if ($("body").find(".mobilenav--search--input").val().trim().length > 0) { window.location.href = "https://www.gryphonhouse.com/search?term="+$("body").find(".mobilenav--search--input").val(); } } } $("body").find(".mobilenav--search--submit").click(function () { $("body").find(".mobilenav--search form").submit(); });