Skip to main content
Search for topics or resources
Enter your search below and hit enter or click the search icon.
Shop
Shop
Shop
New
New Releases
Coming Soon
Staff Picks
Professional Resources
Environments
Behavior Guidance
Family Engagement
Supporting DLLs
Inclusion
Program Management
Lesson Planning
Series
Creative Investigations series
Preparing for the Unexpected series
The Business of Child Care series
GIANT Encyclopedias series
Learn Every Day series
All Series
Content Areas
Math
Science
Social Studies
Fine Arts
Technology
STEM
Classroom Essentials
Active Play
Blocks
Children's Books
Craft Supplies
Dramatic Play
Educational Technology
Manipulatives
Music
Outdoor Learning
Puppets
Teacher Supplies
Early Childhood Activities
Early Childhood Activities
Early Childhood Activities
Art
Dramatic Arts
Science
Math
Music
Technology
Social Studies
All Early Childhood Activities
Learning Center
Our Authors
Company
Company
About
Events
Become an Author
Request a Catalog
Contact
Sign In/Register
Cart
"); } 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(); });