(function (ready) { if ( document.readyState === "complete" || document.readyState === "interactive" ) { ready(); } else { document.addEventListener("DOMContentLoaded", ready); } })(function domReady() { /* the document is now ready. */ if (document.getElementById("home") !== null) { document.getElementById('view-header').classList.add('transparentHeader'); /* News */ const intervalN = setInterval(function () { var newsSection = document.getElementById('news-n2'); if (newsSection) { setTimeout(function () { var oldParent = document.querySelector('#view-news #news-n2 .more-headlines-content'); var newParent = document.querySelectorAll('#view-news #news-n2 .news-content')[0]; function move() { while (oldParent.childNodes.length > 0) { newParent.appendChild(oldParent.childNodes[0]); } } move(); newsSection.closest('.main').classList.add('customNews'); }, 500); clearInterval(intervalN); } setTimeout(function () { clearInterval(intervalN); }, 5000); }, 500); // Stats with counter numbers const interval = setInterval(function () { var fileInx = $('#home .stats-info'); if (fileInx.length == 4) { /* must be 4 items on the page */ !function(n){"use strict";n.fn.countUp=function(t){var e=n.extend({time:2e3,delay:10},t);return this.each(function(){var p=n(this),i=e;p.waypoint(function(){p.data("counterupTo")||p.data("counterupTo",p.text());var t=0$&'); $element.html(modifiedText); if (headingTextLenght < 15) { $(this).addClass('biggerText'); } }); $('.counter').countUp(); clearInterval(interval); } setTimeout(function () { clearInterval(interval); }, 5000); }, 500); } }); /* ----------- Script to change the social icons in the footer ----------- */ function changeFooterIcons(){ // REQUIRES: urls added from the CMS /* SETTINGS */ // define svg icons - in this case round icons const fbIcon = ''; const twIcon = ''; const instaIcon = ''; const ytIcon = ''; const linkedinIcon = ''; /* 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) { let socialIconURL = socialIcon.href; // check what type of button if (socialIconURL.includes("facebook.com")) { socialIcon.classList.add('facebook-button'); // optional since we alrady add the icon below with color/fill already defined socialIcon.innerHTML = fbIcon; } if (socialIconURL.includes("twitter.com")) { socialIcon.classList.add('twitter-button'); // optional socialIcon.innerHTML = twIcon; } if (socialIconURL.includes("instagram.com")) { socialIcon.classList.add('instagram-button'); // optional socialIcon.innerHTML = instaIcon; } if (socialIconURL.includes("youtube.com")) { socialIcon.classList.add('youtube-button'); // optional socialIcon.innerHTML = ytIcon; } if (socialIconURL.includes("linkedin.com")) { socialIcon.classList.add('linkedin-button'); // optional socialIcon.innerHTML = linkedinIcon; } }); } } document.addEventListener("DOMContentLoaded", changeFooterIcons); /* ----------- END Script to change the social icons in the footer ----------- */ function changeEventsTitle() { const programsTitles = document.querySelectorAll("#events-e4 .see-all-container h2"); if (programsTitles) { programsTitles.forEach(programsTitle => { programsTitle.innerText = "Get Involved - MCS Activities"; }); } } document.addEventListener("DOMContentLoaded", changeEventsTitle); /* ----------- Script to add a dropdown menu in the header ----------- */ document.addEventListener("DOMContentLoaded", () => { const newMenuContainer = document.querySelector("#view-header #cms-header .right-left-menu"); const positionInContainer = 'afterbegin'; const menuToBeAdded = { menuLevel1: { // parent element menuLevel1Url: 'javascript:void(0);', //parent element url - should be void/empty menuLevel1Name: "Admissions", //parent element name menuLevel1SubItems: { menuLevel2__a: { // level 2 elements menuLevel2Url: 'https://www.midlandchristianschool.org/page/apply-today', menuLevel2Name: "Apply Today", }, menuLevel2__b: { menuLevel2Url: 'https://www.midlandchristianschool.org/page/request-a-tour', menuLevel2Name: "Request a Tour", }, menuLevel2__c: { menuLevel2Url: 'https://www.midlandchristianschool.org/page/tuition', menuLevel2Name: "Student Tuition", }, menuLevel2__d: { menuLevel2Url: 'https://5il.co/1pcr1', menuLevel2Name: "Financial Aid", } } } }; if (newMenuContainer) { if (menuToBeAdded) { const customMenuElement = document.createElement("div"); customMenuElement.classList.add("customMenuElement"); customMenuElement.id = "customMenuElement"; createMenuList(menuToBeAdded, customMenuElement); newMenuContainer.insertAdjacentElement(positionInContainer, customMenuElement); // Attach a click event listener to the document document.addEventListener('click', function (event) { const isClickInsideElement = customMenuElement.contains(event.target); // Check if the clicked target is inside the element if (!isClickInsideElement) { // Clicked outside the element customMenuElement.classList.remove('activeMenu') // Perform any desired actions here } }); } } function createMenuList(menuObject, parentElement) { const ulElement = document.createElement('ul'); for (const key in menuObject) { if (menuObject.hasOwnProperty(key)) { const itemData = menuObject[key]; const level1Url = itemData.menuLevel1Url; const level1Name = itemData.menuLevel1Name; const level2Items = itemData.menuLevel1SubItems; if (level1Name) { const menuLevel1 = document.createElement('a'); menuLevel1.classList.add("menuLevel1"); menuLevel1.href = level1Url; menuLevel1.innerText = level1Name; parentElement.appendChild(menuLevel1); menuLevel1.addEventListener('click', function () { parentElement.classList.toggle('activeMenu'); }); } if (level2Items) { parentElement.classList.add("hasSubmenu", "js-hasSubmenu"); for (const sKey in level2Items) { const subItemData = level2Items[sKey]; const liElement = document.createElement('li'); const aElement = document.createElement('a'); const textNode = document.createTextNode(subItemData.menuLevel2Name); aElement.href = subItemData.menuLevel2Url; aElement.appendChild(textNode); liElement.appendChild(aElement); ulElement.appendChild(liElement); } } } } parentElement.appendChild(ulElement); } }); /* ----------- END Script to add a dropdown menu in the header ----------- */

myMCS & TECHNOLOGY TUTORIALS