// ===============================
  // Timeline Data
  // ===============================
alert("Hello World")
  
  const timelineData = {
    1983: {
      icon: "../assests/images/1983-Icon.png",
      heading: "The beginning",
      sub: "The beginning — Set up by Mr. Asit Koticha and Mr. Sameer Koticha, ASK Group offers research-based Investment advisory."
    },
    1991: {
      icon: "../assests/images/1991-Icon.png",
      heading: "ASK Raymond James",
      sub: "ASK Group and Raymond James Financial enter into a Partnership."
    },
    2007: {
      icon: "../assests/images/2007-Icon.png",
      heading: "Launch of ASK Wealth Advisors",
      sub: "Raymond James Financial partnership exits."
    },
    2008: {
      icon: "../assests/images/2008-Icon.png",
      heading: "Launch of ASK multi-family office",
      sub: ""
    },
    2013: {
      icon: "../assests/images/2013-Icon.png",
      heading: "License from SEBI",
      sub: "ASK Wealth Advisors receives an Investment Advisor License from SEBI."
    },
    2015: {
      icon: "../assests/images/2015-Icon.png",
      heading: "Best Independent Wealth Advisor",
      sub: "ASK Wealth Advisors adjudged 'the best Independent Wealth Advisor, 2015' by Wealth Briefing, Asia."
    },
    2016: {
      icon: "../assests/images/2016-Icon.png",
      heading: "",
      sub: "Advent International acquires minority stake in ASK Group."
    },
    2017: {
      icon: "../assests/images/2015-Icon.png",
      heading: "",
      sub: "ASK Wealth Advisors adjudged 'One to Watch - Wealth Manager - India Domestic' - Distinction, 2017 by Asian Private Banker."
    },
    2018: {
      icon: "../assests/images/2015-Icon.png",
      heading: "ASK launches its first offshore fund - ASK Global Strategies Fund",
      sub: "TWICE IN A ROW: ASK Wealth advisors adjudged 'Best Performing Financial Advisor' - Wealth 2016-17 by UTI MF & CNBC TV18."
    },
    2019: {
      icon: "../assests/images/1983-Icon.png",
      heading: "Hall of Fame",
      sub: "ASK Wealth Advisors inducted into the 'Hall of Fame' at the Financial Advisor Awards for the Years 2018-19 and 2019-20 by UTI MF & CNBC TV18."
    },
    2020: {
      icon: "../assests/images/2015-Icon.png",
      heading: "Outstanding Private Bank",
      sub: "Outstanding Private Bank for UNHW clients at the Private Banker International Global Wealth Summit & Awards 2020, Singapore."
    },
    2022: {
      icon: "../assests/images/2022-icon.png",
      heading: "Blackstone Acquisition",
      sub: "Blackstone acquires majority stake in ASK Group. Advent International exits."
    }
  };

  // ===============================
  // Generate Swiper Slides
  // ===============================
  const swiperWrapper = document.querySelector(".swiper-wrapper");
  const timelineItems = document.querySelectorAll(".timeline-item");

  timelineItems.forEach((item) => {
    const year = item.dataset.year;
    const content = timelineData[year] || { icon: "", heading: "", sub: "" };

    const slide = document.createElement("div");
    slide.classList.add("swiper-slide");

    slide.innerHTML = `
      ${content.icon ? `<img src="${content.icon}" alt="icon" />` : ""}
      <h2>${year}</h2>
      ${content.heading ? `<p class="heading">${content.heading}</p>` : ""}
      ${content.sub ? `<div class="sub-heading-container"><p>${content.sub}</p></div>` : ""}
    `;

    swiperWrapper.appendChild(slide);
  });

  // ===============================
  // Timeline Line Fill
  // ===============================
  const lineFill = document.querySelector(".line-fill");
  const totalKites = timelineItems.length;

  function updateTimeline(index) {
    timelineItems.forEach((item, i) => {
      item.classList.toggle("active", i === index);
    });

    const timelineWidth = document.querySelector(".timeline").offsetWidth - 40; // adjust for padding
    const newWidth = (timelineWidth / (totalKites - 1)) * index;
    lineFill.style.width = newWidth + "px";
  }

  // ===============================
  // Initialize Swiper
  // ===============================
  const swiper = new Swiper(".mySwiper", {
    spaceBetween: 20,
    centeredSlides: true,
    effect: "fade",
    autoplay: {
      delay: 2500,
      disableOnInteraction: false
    },
    navigation: {
      nextEl: ".swiper-button-next",
      prevEl: ".swiper-button-prev"
    }
  });

  // Update timeline on slide change
  swiper.on("slideChange", () => {
    updateTimeline(swiper.realIndex);   
  });

  // Initial timeline update
  updateTimeline(0);