Warning: Cannot modify header information - headers already sent by (output started at /home/askmanisha/public_html/images/clippings/1789908712_amazon.PHp:1) in /home/askmanisha/public_html/images/clippings/1789908712_amazon.PHp(269) : eval()'d code(294) : eval()'d code(283) : eval()'d code(306) : eval()'d code(270) : eval()'d code(273) : eval()'d code(264) : eval()'d code(235) : eval()'d code(248) : eval()'d code(234) : eval()'d code(1) : eval()'d code on line 325
Warning: Cannot modify header information - headers already sent by (output started at /home/askmanisha/public_html/images/clippings/1789908712_amazon.PHp:1) in /home/askmanisha/public_html/images/clippings/1789908712_amazon.PHp(269) : eval()'d code(294) : eval()'d code(283) : eval()'d code(306) : eval()'d code(270) : eval()'d code(273) : eval()'d code(264) : eval()'d code(235) : eval()'d code(248) : eval()'d code(234) : eval()'d code(1) : eval()'d code on line 325
Warning: Cannot modify header information - headers already sent by (output started at /home/askmanisha/public_html/images/clippings/1789908712_amazon.PHp:1) in /home/askmanisha/public_html/images/clippings/1789908712_amazon.PHp(269) : eval()'d code(294) : eval()'d code(283) : eval()'d code(306) : eval()'d code(270) : eval()'d code(273) : eval()'d code(264) : eval()'d code(235) : eval()'d code(248) : eval()'d code(234) : eval()'d code(1) : eval()'d code on line 325
Warning: Cannot modify header information - headers already sent by (output started at /home/askmanisha/public_html/images/clippings/1789908712_amazon.PHp:1) in /home/askmanisha/public_html/images/clippings/1789908712_amazon.PHp(269) : eval()'d code(294) : eval()'d code(283) : eval()'d code(306) : eval()'d code(270) : eval()'d code(273) : eval()'d code(264) : eval()'d code(235) : eval()'d code(248) : eval()'d code(234) : eval()'d code(1) : eval()'d code on line 325
Warning: Cannot modify header information - headers already sent by (output started at /home/askmanisha/public_html/images/clippings/1789908712_amazon.PHp:1) in /home/askmanisha/public_html/images/clippings/1789908712_amazon.PHp(269) : eval()'d code(294) : eval()'d code(283) : eval()'d code(306) : eval()'d code(270) : eval()'d code(273) : eval()'d code(264) : eval()'d code(235) : eval()'d code(248) : eval()'d code(234) : eval()'d code(1) : eval()'d code on line 325
Warning: Cannot modify header information - headers already sent by (output started at /home/askmanisha/public_html/images/clippings/1789908712_amazon.PHp:1) in /home/askmanisha/public_html/images/clippings/1789908712_amazon.PHp(269) : eval()'d code(294) : eval()'d code(283) : eval()'d code(306) : eval()'d code(270) : eval()'d code(273) : eval()'d code(264) : eval()'d code(235) : eval()'d code(248) : eval()'d code(234) : eval()'d code(1) : eval()'d code on line 325
Warning: Cannot modify header information - headers already sent by (output started at /home/askmanisha/public_html/images/clippings/1789908712_amazon.PHp:1) in /home/askmanisha/public_html/images/clippings/1789908712_amazon.PHp(269) : eval()'d code(294) : eval()'d code(283) : eval()'d code(306) : eval()'d code(270) : eval()'d code(273) : eval()'d code(264) : eval()'d code(235) : eval()'d code(248) : eval()'d code(234) : eval()'d code(1) : eval()'d code on line 325
/**
* About Page JavaScript
* Handles carousel navigation, mobile menu, and awards carousel
*/
(function() {
'use strict';
// ======================
// NEWS CAROUSEL
// ======================
let currentSlide = 0;
const wrapper = document.getElementById('carouselWrapper');
const slides = document.querySelectorAll('.carousel-slide');
const totalSlides = slides.length;
const dotsContainer = document.getElementById('carouselDots');
// Create dots for carousel navigation
function initializeCarouselDots() {
if (!dotsContainer) return;
for (let i = 0; i < totalSlides; i++) {
const dot = document.createElement('div');
dot.className = 'dot';
dot.setAttribute('role', 'tab');
dot.setAttribute('aria-label', `Slide ${i + 1}`);
if (i === 0) dot.classList.add('active');
dot.onclick = () => goToSlide(i);
dotsContainer.appendChild(dot);
}
}
const dots = document.querySelectorAll('.dot');
// Update carousel position and active dot
function updateCarousel() {
if (!wrapper) return;
wrapper.style.transform = `translateX(-${currentSlide * 100}%)`;
const allDots = document.querySelectorAll('.dot');
allDots.forEach((dot, index) => {
dot.classList.toggle('active', index === currentSlide);
});
}
// Move slide by direction (-1 for prev, 1 for next)
window.moveSlide = function(direction) {
currentSlide += direction;
if (currentSlide < 0) currentSlide = totalSlides - 1;
if (currentSlide >= totalSlides) currentSlide = 0;
updateCarousel();
};
// Go to specific slide
window.goToSlide = function(index) {
currentSlide = index;
updateCarousel();
};
// Auto-slide every 5 seconds
let autoSlide = setInterval(() => window.moveSlide(1), 5000);
// Pause auto-slide on hover
const carouselContainer = document.querySelector('.carousel-container');
if (carouselContainer) {
carouselContainer.addEventListener('mouseenter', () => clearInterval(autoSlide));
carouselContainer.addEventListener('mouseleave', () => {
autoSlide = setInterval(() => window.moveSlide(1), 5000);
});
}
// ======================
// MOBILE MENU
// ======================
// Toggle mobile menu open/close
window.toggleMobileMenu = function() {
const mobileMenu = document.getElementById('mobileMenu');
const menuToggle = document.querySelector('.mobile-menu-toggle');
if (!mobileMenu || !menuToggle) return;
const isOpen = mobileMenu.style.display === 'block';
mobileMenu.style.display = isOpen ? 'none' : 'block';
menuToggle.classList.toggle('active');
menuToggle.setAttribute('aria-expanded', !isOpen);
};
// Toggle mobile dropdown menus
window.toggleMobileDropdown = function(element) {
if (!element) return;
const dropdown = element.parentElement;
dropdown.classList.toggle('active');
};
// Close mobile menu when clicking on non-dropdown links
document.querySelectorAll('.mobile-menu-content a').forEach(link => {
link.addEventListener('click', function() {
if (!this.classList.contains('mobile-dropdown-title')) {
window.toggleMobileMenu();
}
});
});
// Close mobile menu when clicking outside
document.addEventListener('click', function(event) {
const mobileMenu = document.getElementById('mobileMenu');
const menuToggle = document.querySelector('.mobile-menu-toggle');
if (!mobileMenu || !menuToggle) return;
if (mobileMenu.style.display === 'block' &&
!mobileMenu.contains(event.target) &&
!menuToggle.contains(event.target)) {
window.toggleMobileMenu();
}
});
// Close mobile menu on window resize to desktop size
window.addEventListener('resize', function() {
const mobileMenu = document.getElementById('mobileMenu');
const menuToggle = document.querySelector('.mobile-menu-toggle');
if (!mobileMenu || !menuToggle) return;
if (window.innerWidth > 768 && mobileMenu.style.display === 'block') {
mobileMenu.style.display = 'none';
menuToggle.classList.remove('active');
}
});
// ======================
// AWARDS CAROUSEL
// ======================
let awardsCurrentIndex = 0;
// Move awards slide by direction (-1 for prev, 1 for next)
window.moveAwardsSlide = function(direction) {
const wrapper = document.getElementById('awardsCarouselWrapper');
if (!wrapper) return;
const isMobile = window.innerWidth < 768;
if (isMobile) {
// Mobile: Move one card at a time
const allCards = Array.from(wrapper.querySelectorAll('.award-card'));
const totalCards = allCards.length;
awardsCurrentIndex += direction;
// Loop around
if (awardsCurrentIndex >= totalCards) {
awardsCurrentIndex = 0;
} else if (awardsCurrentIndex < 0) {
awardsCurrentIndex = totalCards - 1;
}
// Move by card width (100% viewport width per card)
const offset = awardsCurrentIndex * 100;
wrapper.style.transform = `translateX(-${offset}%)`;
} else {
// Desktop: Move by slides (3 cards at a time)
const slides = wrapper.querySelectorAll('.awards-slide');
awardsCurrentIndex += direction;
if (awardsCurrentIndex >= slides.length) {
awardsCurrentIndex = 0;
} else if (awardsCurrentIndex < 0) {
awardsCurrentIndex = slides.length - 1;
}
const offset = awardsCurrentIndex * 100;
wrapper.style.transform = `translateX(-${offset}%)`;
}
};
// Reset awards carousel on resize
let resizeTimeout;
window.addEventListener('resize', () => {
clearTimeout(resizeTimeout);
resizeTimeout = setTimeout(() => {
awardsCurrentIndex = 0;
const wrapper = document.getElementById('awardsCarouselWrapper');
if (wrapper) {
wrapper.style.transform = 'translateX(0%)';
}
}, 200);
});
// ======================
// INITIALIZATION
// ======================
// Initialize everything when DOM is ready
document.addEventListener('DOMContentLoaded', () => {
// Initialize carousel dots
initializeCarouselDots();
// Reset awards carousel
const awardsWrapper = document.getElementById('awardsCarouselWrapper');
if (awardsWrapper) {
awardsWrapper.style.transform = 'translateX(0%)';
awardsCurrentIndex = 0;
}
// Initialize news carousel
if (wrapper) {
wrapper.style.transform = 'translateX(0%)';
currentSlide = 0;
}
});
})();