(function (ready) { if ( document.readyState === "complete" || document.readyState === "interactive" ) { ready(); } else { document.addEventListener("DOMContentLoaded", ready); } })(function domReady() { /* search button */ function addLink(callback) { const menuBtns = document.querySelectorAll(".right-menu-items"); for (let i = 0; i < menuBtns.length; i++) { menuBtns[i].insertAdjacentHTML('beforeend', ''); } callback(); } function openSearch() { var searchButton = document.getElementById('searchButton'); searchButton.addEventListener('click', (e) => { document.querySelector(".search-item span").click(); }); } addLink(openSearch); window.onresize = function () { if (!document.getElementById("searchButton")) { addLink(openSearch); } } window.onscroll = myScroll; var counter = 0; function myScroll() { if (counter == 0) { if (!document.getElementById("searchButton")) { addLink(openSearch); counter++; // increment the counter by 1, new value = 1 } } } /* EXPAND GALLERY BUTTON */ // const gallery = document.getElementById('cms-gallery'); // if (gallery) { // const g2 = gallery.querySelector('#g2') // if (g2) { // const buttonTrigger = document.createElement("div"); // const icon = '' // buttonTrigger.classList.add('cms-gallery-expand'); // buttonTrigger.setAttribute('id', 'cms-gallery-expand'); // buttonTrigger.innerHTML = icon; // g2.prepend(buttonTrigger); // g2.addEventListener('click', function (e) { // if (e.target && e.target.id == 'cms-gallery-expand') { // gallery.classList.toggle('expanded'); // } // }); // } // } /* END EXPAND GALLERY BUTTON */ /* social icons Live Feed */ setTimeout(function () { $('').appendTo('#cms-live-feed #LF4 .see-all-container.see-all-bottom'); $('.top-social-icons a.fb, .top-social-icons a.fb, .top-social-icons a.tw, .top-social-icons a.in, .top-social-icons a.yt').css('display', 'none'); $('.footer-social-links li').each(function (index) { var socialBtn = $(this).data('social-media'); var socialLink = $(this).find('a').attr('href'); $(this).addClass(socialBtn); if (socialBtn == 'facebook') { $('.top-social-icons a.fb').css('display', 'inline-block').attr("href", socialLink); } else if (socialBtn == 'twitter') { $('.top-social-icons a.tw').css('display', 'inline-block').attr("href", socialLink); } else if (socialBtn == 'youtube') { $('.top-social-icons a.yt').css('display', 'inline-block').attr("href", socialLink); } else if (socialBtn == 'instagram') { $('.top-social-icons a.in').css('display', 'inline-block').attr("href", socialLink); } }); }, 1500); /* ----------- Script to change the social icons in the footer ----------- */ function changeFooterIcons() { // REQUIRES: urls added from the CMS /* SETTINGS */ // define color of the icon - can be CSS variable const iconColor = '#2D3344'; // define svg icons - in this case round icons const fbIcon = ''; const twIcon = ''; const instaIcon = ''; const ytIcon = ''; /* END SETTINGS */ const socialIcons = document.querySelectorAll("#cms-footer .footer-social-links li a"); // define elements if (socialIcons) { // loop through icons - logic can adapt to fit the situation socialIcons.forEach(function (socialIcon) { var socialIconURL = socialIcon.href; // var socialIconURL; // check what type of button if (socialIconURL.includes("facebook.com")) { // socialIconURL = "https://www.facebook.com/Northern-Burlington-County-Regional-School-District-726696484130808"; socialIcon.classList.add('facebook-button'); // optional since we alrady add the icon below with color/fill already defined socialIcon.innerHTML = fbIcon; // socialIcon.href = socialIconURL; console.log(socialIconURL) } if (socialIconURL.includes("twitter.com")) { // socialIconURL = "https://twitter.com/nbcrsd"; socialIcon.classList.add('twitter-button'); // optional socialIcon.innerHTML = twIcon; // socialIcon.href = socialIconURL; } if (socialIconURL.includes("instagram.com")) { // socialIconURL = "https://instagram.com/nbcrsd"; socialIcon.classList.add('instagram-button'); // optional socialIcon.innerHTML = instaIcon; // socialIcon.href = socialIconURL; } if (socialIconURL.includes("youtube.com")) { // socialIconURL = "https://www.youtube.com/channel/UCTOhBy2IXps7hI2EYXzv34A"; socialIcon.classList.add('youtube-button'); // optional socialIcon.innerHTML = ytIcon; // socialIcon.href = socialIconURL; } }); } } changeFooterIcons(); var utilitiesSection = document.querySelector('#view-header #h2 .utilities.utilities-top'); if (utilitiesSection) { let footerSocialLinks = document.querySelector(".footer-social-links"); let footerSocialLinksClone = footerSocialLinks.cloneNode(true); footerSocialLinksClone.id = "headerSocialLinks"; utilitiesSection.prepend(footerSocialLinksClone); } /* ----------- END Script to change the social icons in the footer ----------- */ /* CUSTOM PROGRAMS */ if (document.getElementById("home") !== null) { function first(callback) { $('#programs-v2 .see-all-above, #programs-v2 .main-program, #programs-v2 .program-row').remove(); $("#home #programs-v2 .stacked-programs li").each(function () { var $this = $(this); var programLink = $this.find('a'); $(programLink).clone().addClass('dynamicLink').appendTo($this); }); callback(); } function second() { setTimeout(function () { $('#programs-v2').flipster({ spacing: -0.5, nav: true, buttons: true, start: 0, scrollwheel: false }); }, 500); } first(second); } });

2021 Graduation Day Pictures