// START Document Ready function docReady(fn) { if ( document.readyState === "complete" || document.readyState === "interactive" ) { setTimeout(fn, 1); } else { document.addEventListener("appLoaded", fn); } } // END of Document Ready docReady(function () { //code here if(document.getElementById("home") !== null) { let firstParallax = document.querySelectorAll('.parallax-section')[0]; firstParallax.classList.add('customParallax'); } }); //adds button to events page function addCalendarButton() { if ( document.querySelectorAll("#container div.event-cal-content div.event-cal-content-toolbar div.toolbar-header.toolbar-header div").length === 3 ) { document.querySelectorAll( "#container div.event-cal-content div.event-cal-content-toolbar div.toolbar-header.toolbar-header div" )[0].insertAdjacentHTML('beforeend',''); } else { setTimeout(function () { addCalendarButton(); }, 500); } } window.addEventListener("appLoaded", (event) => { if (window.location.pathname.includes('events')) { addCalendarButton(); }; }); var oldOpen = XMLHttpRequest.prototype.open; function onStateChange(event) { // code goes here addCalendarButton(); } XMLHttpRequest.prototype.open = function () { this.addEventListener("loadend", onStateChange); oldOpen.apply(this, arguments); }; $("div.event-cal-content div.event-cal-content-toolbar div.events-toolbar-actions div.actions-right div div.list-views-container button").click(function () { setTimeout(function () { addCalendarButton(); }, 800); }); /*adjust nofollow to follow*/ document.addEventListener("appLoaded", () => { try { const links = document.querySelectorAll('a[rel*="nofollow"]'); links.forEach(link => { const relValue = link.getAttribute('rel'); if (relValue) { const updatedRelValue = relValue.split(' ').map(value => value === 'nofollow' ? 'follow' : value).join(' '); link.setAttribute('rel', updatedRelValue); } }); } catch (error) { console.error('Error updating link rel attributes:', error); } }); /* InfiniteScroller */ /** * InfiniteScroller - Lightweight, performant infinite scrolling component */ class InfiniteScroller { constructor(element, options = {}, index = 0) { // Use index to determine default direction const indexBasedDirection = index % 2 === 0 ? "left" : "right"; // Default settings this.settings = { maxSpeed: 10, speed: 1, scrollOnMouseOver: true, resetOnMouseOut: true, alwaysScroll: true, // NEW: keep scrolling even if items fit in the container direction: options.direction || indexBasedDirection, gap: 20, ...options, }; // Initialize controller state this.controller = { currentSpeed: 0, targetSpeed: this.settings.direction === "left" ? this.settings.speed : -this.settings.speed, animationId: null, isScrollingEnabled: false, }; // Store element references this.element = element; this.slideWrap = element.querySelector(".slide-wrap"); this.slideData = element.querySelector(".slide-data"); this.imagesList = element.querySelector(".images-list"); // Store original items this.originalItems = Array.from(this.imagesList.children); // Use existing ID or generate one this.scrollerId = element.id || `scroller-${Math.random().toString(36).substring(2, 9)}`; // Initialize the scroller this.init(); // Add resize event listener with debounce this.resizeHandler = this.debounce(this.handleResize.bind(this), 200); window.addEventListener("resize", this.resizeHandler); } /** * Initialize or reinitialize the scroller */ init() { // Clear existing content this.imagesList.innerHTML = ""; // Re-add original items using DocumentFragment for better performance const fragment = document.createDocumentFragment(); this.originalItems.forEach((item) => { fragment.appendChild(item.cloneNode(true)); }); this.imagesList.appendChild(fragment); // Set CSS variables for max width/height if (this.settings.imageMaxWidth) { this.element.style.setProperty( "--scroller-section-image-width", `${this.settings.imageMaxWidth}px`, ); } if (this.settings.imageMaxHeight) { this.element.style.setProperty( "--scroller-section-image-height", `${this.settings.imageMaxHeight}px`, ); } // Calculate dimensions and check if scrolling should be enabled const shouldScroll = this.calculateDimensions(); if (shouldScroll) { this.setupForScrolling(); this.startAnimation(); if (this.settings.scrollOnMouseOver) { this.setupMouseHandlers(); } } else { this.centerItems(); } // Make element visible this.element.style.visibility = "visible"; } /** * Calculate total width of items including margins and gaps */ calculateTotalWidth(items) { let totalWidth = 0; for (let i = 0; i < items.length; i++) { const item = items[i]; totalWidth += item.offsetWidth + this.getMarginWidth(item); if (i < items.length - 1) { totalWidth += this.settings.gap; } } return totalWidth; } calculateDimensions() { const items = this.imagesList.children; this.originalContentWidth = this.calculateTotalWidth(items); this.containerWidth = this.slideData.offsetWidth; const hasItems = items.length > 0 && this.originalContentWidth > 0; const shouldEnableScrolling = this.settings.alwaysScroll ? hasItems : this.originalContentWidth > this.containerWidth; this.controller.isScrollingEnabled = shouldEnableScrolling; return shouldEnableScrolling; } setupForScrolling() { let cursorX = 0; const items = Array.from(this.imagesList.children); for (let i = 0; i < items.length; i++) { const item = items[i]; item.style.position = "absolute"; item.style.left = `${cursorX}px`; cursorX += item.offsetWidth + this.getMarginWidth(item); if (i < items.length - 1) { cursorX += this.settings.gap; } } this.halfWidth = this.originalContentWidth + this.settings.gap; cursorX += this.settings.gap; const baseSet = Array.from(this.imagesList.children).slice( 0, this.originalItems.length, ); // Helper: ensure we can reach the wrap point const canReachWrap = () => this.slideData.scrollWidth - this.slideData.clientWidth >= this.halfWidth + 1; // 3) Keep appending FULL sets until we can reach halfWidth // (safety cap prevents an infinite loop if an item measures 0px) let safety = 0; while (!canReachWrap() && safety++ < 50) { for (let i = 0; i < baseSet.length; i++) { const src = baseSet[i]; const clone = src.cloneNode(true); // Position clone right after the previous item clone.style.position = "absolute"; clone.style.left = `${cursorX}px`; const itemWidth = src.offsetWidth + this.getMarginWidth(src); cursorX += itemWidth; if (i < baseSet.length - 1) { cursorX += this.settings.gap; } this.imagesList.appendChild(clone); } // Gap between sets cursorX += this.settings.gap; } // 4) Start at the beginning of the strip this.slideData.scrollLeft = 0; } centerItems() { const items = this.imagesList.children; const totalWidth = this.calculateTotalWidth(items); // Calculate starting position for centering const startX = Math.max(0, (this.containerWidth - totalWidth) / 2); // Position items let currentX = startX; for (let i = 0; i < items.length; i++) { const item = items[i]; item.style.position = "absolute"; item.style.left = `${currentX}px`; currentX += item.offsetWidth + this.getMarginWidth(item) + this.settings.gap; } // Stop any ongoing animation if (this.controller.animationId) { cancelAnimationFrame(this.controller.animationId); this.controller.animationId = null; } // Remove mouse handlers this.removeMouseHandlers(); } getMarginWidth(element) { const styles = window.getComputedStyle(element); return parseFloat(styles.marginLeft) + parseFloat(styles.marginRight); } startAnimation() { // Stop any existing animation if (this.controller.animationId) { cancelAnimationFrame(this.controller.animationId); } // Use requestAnimationFrame for smooth animation const animate = () => { if (!this.controller.isScrollingEnabled) { return; } // Update current speed with easing const speedDiff = this.controller.targetSpeed - this.controller.currentSpeed; if (Math.abs(speedDiff) > 0.01) { this.controller.currentSpeed += speedDiff * 0.1; } else { this.controller.currentSpeed = this.controller.targetSpeed; } // Update scroll position let newPosition = this.slideData.scrollLeft + this.controller.currentSpeed; // Loop when reaching boundaries for infinite scrolling if (newPosition >= this.halfWidth) { newPosition -= this.halfWidth; } else if (newPosition <= 0) { newPosition += this.halfWidth; } this.slideData.scrollLeft = newPosition; // Continue animation this.controller.animationId = requestAnimationFrame(animate); }; this.controller.animationId = requestAnimationFrame(animate); } setupMouseHandlers() { // Remove existing handlers first this.removeMouseHandlers(); // Handle mouse leaving (shared by both modes) this.mouseLeaveHandler = () => { if (!this.controller.isScrollingEnabled) return; this.controller.targetSpeed = this.settings.direction === "left" ? this.settings.speed : -this.settings.speed; }; if (window.disableMouseNavigation) { // Pause on hover — no position-based speed control this.mouseEnterHandler = () => { if (!this.controller.isScrollingEnabled) return; this.controller.targetSpeed = 0; }; this.slideData.addEventListener( "mouseenter", this.mouseEnterHandler, ); } else { // Handle mouse movement with non-linear acceleration this.mouseMoveHandler = (event) => { if (!this.controller.isScrollingEnabled) return; const rect = this.slideData.getBoundingClientRect(); const containerWidth = rect.width; const centerPoint = rect.left + containerWidth / 2; const mouseX = event.clientX; const distanceFromCenter = mouseX - centerPoint; const normalizedDistance = distanceFromCenter / (containerWidth / 2); const cubicFactor = Math.pow(normalizedDistance, 3); const directionMultiplier = this.settings.direction === "right" ? -1 : 1; this.controller.targetSpeed = this.settings.maxSpeed * cubicFactor * directionMultiplier; }; this.slideData.addEventListener("mousemove", this.mouseMoveHandler); } if (this.settings.resetOnMouseOut) { this.slideData.addEventListener( "mouseleave", this.mouseLeaveHandler, ); } } removeMouseHandlers() { if (this.mouseEnterHandler) { this.slideData.removeEventListener( "mouseenter", this.mouseEnterHandler, ); } if (this.mouseMoveHandler) { this.slideData.removeEventListener( "mousemove", this.mouseMoveHandler, ); } if (this.mouseLeaveHandler) { this.slideData.removeEventListener( "mouseleave", this.mouseLeaveHandler, ); } } handleResize() { this.init(); } // Optimized debounce with arrow function debounce = (func, wait) => { let timeout; return (...args) => { clearTimeout(timeout); timeout = setTimeout(() => func(...args), wait); }; }; updateSettings(newSettings) { this.settings = { ...this.settings, ...newSettings, }; this.controller.targetSpeed = this.settings.direction === "left" ? this.settings.speed : -this.settings.speed; this.init(); } destroy() { if (this.controller.animationId) { cancelAnimationFrame(this.controller.animationId); } this.removeMouseHandlers(); window.removeEventListener("resize", this.resizeHandler); } } // Default options const defaultScrollerOptions = { scrollOnMouseOver: true, resetOnMouseOut: true, alwaysScroll: true, maxSpeed: 10, speed: 1, gap: 30, }; // Store scroller instances by ID window.scrollerInstances = {}; /** * Initialize a specific scroller by ID with custom options */ function initializeScroller(scrollerId, options = {}) { const element = document.getElementById(scrollerId); if (!element) { console.warn(`Scroller with ID ${scrollerId} not found`); return; } // Get options from data attribute let dataOptions = {}; const optionsAttr = element.getAttribute("data-options"); if (optionsAttr) { try { dataOptions = JSON.parse(optionsAttr); } catch (e) { console.warn(`Invalid JSON in data-options for ${scrollerId}`, e); } } // Get options from config const configOptions = window.scrollerConfigs && window.scrollerConfigs[scrollerId] ? window.scrollerConfigs[scrollerId] : {}; // Merge options in priority order const mergedOptions = { ...defaultScrollerOptions, ...(window.scrollerOptions || {}), ...configOptions, ...dataOptions, ...options, }; // Initialize or update the scroller if (window.scrollerInstances[scrollerId]) { window.scrollerInstances[scrollerId].updateSettings(mergedOptions); } else { window.scrollerInstances[scrollerId] = new InfiniteScroller( element, mergedOptions, ); } return window.scrollerInstances[scrollerId]; } /** * Update a scroller's settings by ID */ function updateScrollerSettings(scrollerId, options) { if (window.scrollerInstances[scrollerId]) { window.scrollerInstances[scrollerId].updateSettings(options); } } // Initialize all scrollers when document is loaded document.addEventListener("appLoaded", () => { const scrollerElements = document.querySelectorAll(".infinite-scroller"); scrollerElements.forEach((element, index) => { let options = {}; const optionsAttr = element.getAttribute("data-options"); if (optionsAttr) { try { options = JSON.parse(optionsAttr); } catch (e) { console.warn("Invalid JSON in data-options", e); } } if ( element.id && window.scrollerConfigs && window.scrollerConfigs[element.id] ) { options = { ...options, ...window.scrollerConfigs[element.id], }; } const mergedOptions = { ...defaultScrollerOptions, ...(window.scrollerOptions || {}), ...options, }; // Ensure every scroller has an ID so instances are always retrievable if (!element.id) { element.id = `scroller-${index}-${Math.random().toString(36).substring(2, 9)}`; } const scroller = new InfiniteScroller(element, mergedOptions, index); window.scrollerInstances[element.id] = scroller; }); });