// Thomas LaRock - Shared JavaScript Functions

// Header background on scroll

function initHeaderScroll() {

window.addEventListener('scroll', function() {

const header = document.querySelector('header');

if (window.scrollY > 50) {

header.style.background = 'rgba(26, 26, 26, 0.98)';

} else {

header.style.background = 'rgba(26, 26, 26, 0.95)';

}

});

}

// Animate elements on scroll

function initScrollAnimations() {

const observerOptions = {

threshold: 0.1,

rootMargin: '0px 0px -50px 0px'

};

const observer = new IntersectionObserver(function(entries) {

entries.forEach(entry => {

if (entry.isIntersecting) {

entry.target.classList.add('animate-on-scroll');

}

});

}, observerOptions);

// Observe common elements that should animate

const elementsToAnimate = [

'.card',

'.stat-item',

'.experience-highlight',

'.skill-category',

'.project-card',

'.category'

];

elementsToAnimate.forEach(selector => {

document.querySelectorAll(selector).forEach(el => {

observer.observe(el);

});

});

}

// Smooth scrolling for anchor links

function initSmoothScrolling() {

document.querySelectorAll('a[href^="#"]').forEach(anchor => {

anchor.addEventListener('click', function (e) {

e.preventDefault();

const target = document.querySelector(this.getAttribute('href'));

if (target) {

target.scrollIntoView({

behavior: 'smooth',

block: 'start'

});

}

});

});

}

// Set current year in footer

function setCurrentYear() {

const yearElement = document.getElementById('current-year');

if (yearElement) {

yearElement.textContent = new Date().getFullYear();

}

}

// Mobile menu toggle (for future use)

function initMobileMenu() {

const mobileMenuButton = document.querySelector('.mobile-menu-button');

const navLinks = document.querySelector('.nav-links');

if (mobileMenuButton && navLinks) {

mobileMenuButton.addEventListener('click', function() {

navLinks.classList.toggle('mobile-open');

this.classList.toggle('active');

});

}

}

// Enhanced typing effect for hero sections

function initTypingEffect(element, texts, speed = 100) {

if (!element || !texts || texts.length === 0) return;

let textIndex = 0;

let charIndex = 0;

let isDeleting = false;

function type() {

const currentText = texts[textIndex];

if (isDeleting) {

element.textContent = currentText.substring(0, charIndex - 1);

charIndex--;

} else {

element.textContent = currentText.substring(0, charIndex + 1);

charIndex++;

}

let typeSpeed = speed;

if (isDeleting) {

typeSpeed /= 2;

}

if (!isDeleting && charIndex === currentText.length) {

typeSpeed = 2000; // Pause at end

isDeleting = true;

} else if (isDeleting && charIndex === 0) {

isDeleting = false;

textIndex = (textIndex + 1) % texts.length;

typeSpeed = 500; // Pause before next text

}

setTimeout(type, typeSpeed);

}

type();

}

// Form validation helper

function validateForm(formElement) {

const inputs = formElement.querySelectorAll('input[required], textarea[required]');

let isValid = true;

inputs.forEach(input => {

const errorElement = input.parentElement.querySelector('.error-message');

if (!input.value.trim()) {

isValid = false;

input.classList.add('error');

if (errorElement) {

errorElement.textContent = 'This field is required';

errorElement.style.display = 'block';

}

} else {

input.classList.remove('error');

if (errorElement) {

errorElement.style.display = 'none';

}

}

// Email validation

if (input.type === 'email' && input.value.trim()) {

const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;

if (!emailRegex.test(input.value)) {

isValid = false;

input.classList.add('error');

if (errorElement) {

errorElement.textContent = 'Please enter a valid email address';

errorElement.style.display = 'block';

}

}

}

});

return isValid;

}

// Lazy loading for images

function initLazyLoading() {

const images = document.querySelectorAll('img[data-src]');

const imageObserver = new IntersectionObserver((entries, observer) => {

entries.forEach(entry => {

if (entry.isIntersecting) {

const img = entry.target;

img.src = img.dataset.src;

img.classList.remove('lazy');

imageObserver.unobserve(img);

}

});

});

images.forEach(img => imageObserver.observe(img));

}

// Floating elements animation

function createFloatingElements(container, count = 5) {

if (!container) return;

for (let i = 0; i < count; i++) {

const element = document.createElement('div');

element.className = 'floating-element';

element.style.left = Math.random() * 100 + '%';

element.style.animationDelay = Math.random() * 6 + 's';

element.style.animationDuration = (Math.random() * 3 + 4) + 's';

container.appendChild(element);

}

}

// Theme switcher (for potential dark/light mode toggle)

function initThemeSwitch() {

const themeSwitch = document.querySelector('.theme-switch');

const currentTheme = localStorage.getItem('theme') || 'dark';

document.documentElement.setAttribute('data-theme', currentTheme);

if (themeSwitch) {

themeSwitch.addEventListener('click', function() {

const newTheme = document.documentElement.getAttribute('data-theme') === 'dark' ? 'light' : 'dark';

document.documentElement.setAttribute('data-theme', newTheme);

localStorage.setItem('theme', newTheme);

});

}

}

// Debounce utility function

function debounce(func, wait, immediate) {

let timeout;

return function executedFunction(...args) {

const later = () => {

timeout = null;

if (!immediate) func(...args);

};

const callNow = immediate && !timeout;

clearTimeout(timeout);

timeout = setTimeout(later, wait);

if (callNow) func(...args);

};

}

// Initialize all functions when DOM is loaded

document.addEventListener('DOMContentLoaded', function() {

// Core functionality

initHeaderScroll();

initScrollAnimations();

initSmoothScrolling();

setCurrentYear();

// Optional enhancements

initMobileMenu();

initLazyLoading();

// Page-specific initializations

const floatingContainer = document.querySelector('.floating-elements');

if (floatingContainer) {

createFloatingElements(floatingContainer);

}

// Form handling

const forms = document.querySelectorAll('form');

forms.forEach(form => {

form.addEventListener('submit', function(e) {

if (!validateForm(this)) {

e.preventDefault();

}

});

});

// External link handling

const externalLinks = document.querySelectorAll('a[href^="http"]');

externalLinks.forEach(link => {

if (!link.hasAttribute('target')) {

link.setAttribute('target', '_blank');

link.setAttribute('rel', 'noopener noreferrer');

}

});

});

// Export functions for potential module use

if (typeof module !== 'undefined' && module.exports) {

module.exports = {

initHeaderScroll,

initScrollAnimations,

initSmoothScrolling,

initTypingEffect,

validateForm,

debounce

};

}