(function() {
    var R = document.getElementById("glx");
    if (!R) {
        return;
    }
    var E = [ {
        year: 1977,
        month: 0,
        dealershipstat: 1,
        brandstat: 1,
        memberstat: 25,
        eyebrow: "The Beginning",
        title: "One Store. One Dream.",
        summary: "Founded in 1977 by Mike Leep Sr. and Van Gurley with a Buick dealership in South Bend, Indiana...",
        details: "Founded in 1977 by Mike Leep Sr. and Van Gurley with a Buick dealership in South Bend, Indiana, built on the simple belief: treat people the right way and success will follow. The store is still operational today as Gurley Leep GM Giant.",
        image: "https://gurleyleepautofamily.com/wp-content/uploads/2026/05/Mike-Sr.-Van-Gurley-Leep-Buick-Superstars-c.-1980-1989.png",
    }, {
        year: 1984,
        month: 6,
        dealershipstat: 1,
        brandstat: 2,
        memberstat: 40,
        eyebrow: "Growth",
        title: "Chrysler Plymouth",
        summary: "The company expands into a new community.",
        details: "University Park Chrysler Plymouth was purchased and added to the family.",
        image: "https://gurleyleepautofamily.com/wp-content/uploads/2026/06/University_Park_Chrysler-Plymouth.jpg",
    }, {
        year: 1981,
        month: 10,
        dealershipstat: 1,
        brandstat: 2,
        memberstat: 32,
        eyebrow: "Growth",
        title: "Anotha one",
        summary: "The company expands with Richardson Pontiac in Valpo.",
        details: "When the Gurley Leep Automotive Family purchased Jerry Richardson Pontiac-GMC in the 1980s, it triggered a series of major changes, including a rename, a relocation, and a eventual shift in ownership. The transition unfolded across several key milestones:  The Immediate Rebranding: Following the acquisition, the South Bend-based Gurley Leep group chose not to keep the Richardson name. Instead, they renamed the dealership Peterson Pontiac-GMC, naming it after their appointed general manager, Phil Peterson. The Location Move (1988): At the time of the sale, the original Richardson store operated on East Lincolnway in Valparaiso. In 1988, under Gurley Leep's direction, the dealership was packed up and moved to a larger, highly visible facility at 1551 W. Morthland Drive (U.S. Highway 30) to capitalize on the growing highway commercial corridor. Subsequent Sales & Modern Status: Gurley Leep operated the store for a period, later rebranding it again before eventually selling the Highway 30 location to Paul Sur. Today, that automotive lineage has shifted hands again and operates as part of Currie Motors.",
        image: "https://gurleyleepautofamily.com/wp-content/uploads/2026/10/Peterson_Pontiac_GMC.jpg",
    }, {
        year: 1991,
        month: 2,
        dealershipstat: 1,
        brandstat: 1,
        memberstat: 32,
        eyebrow: "Beyond Earth",
        title: "Saturn of Michiana",
        summary: "We acquired Saturn of Michiana.",
        details: "We acquired Saturn of Michiana.",
        image: "https://gurleyleepautofamily.com/wp-content/uploads/2026/06/Saturn_Michiana.jpg",
    }, {
        year: 2000,
        month: 7,
        dealershipstat: 1,
        brandstat: 1,
        memberstat: 32,
        eyebrow: "Momentum",
        title: "Expanding the family",
        summary: "A Chevrolet store was purchased in Valpo.",
        details: "Team Chevy joins the family.",
        image: "https://gurleyleepautofamily.com/wp-content/uploads/2026/10/Team_Chevy.jpg",
    }, {
        year: 2017,
        month: 3,
        memberstat: 1,
        eyebrow: "Classic",
        title: "Sam joins Gurley Leep",
        summary: "We acquire the BEST team member.",
        details: "Just, WOW!",
        image: "https://media.licdn.com/dms/image/v2/C5603AQH3K-KhED2a8w/profile-displayphoto-shrink_200_200/profile-displayphoto-shrink_200_200/0/1540239719539?e=2147483647&v=beta&t=wWkHvJhR-xvJCYHtyEypR71esKAXR1mxs1rBbKzLaOE",
    }, {
        year: 2021,
        month: 6,
        dealershipstat: 1,
        brandstat: 1,
        memberstat: 1400,
        eyebrow: "The Windy City",
        title: "First Dealership in Chicago",
        summary: "The Auto Family purchased Northbrook Toyota.",
        details: "The Auto Family purchased Northbrook Toyota located on the north side of Chicago. A new building was built next to the old one and is operating today as Toyota on Edens.",
        image: "https://gurleyleepautofamily.com/wp-content/uploads/2026/10/Northbrook-Toyota-Old-Building.png",
    }, {
        year: 2026,
        month: 4,
        eyebrow: "",
        title: "Breaking Ground",
        summary: "April 27 groundbreaking celebration of the 70 acre auto campus. ",
        details: "April 27 groundbreaking celebration of the 70 acre auto campus. This development will bring together the corporate office along with 11 brands; Audi, Buick, Cadillac, GMC, Hyundai, Kia, Mercedes-Benz, Nissan, Sprinter, Subaru and Volkswagon.  Designed with customers, team members, and community in mind; offering a variety of unique amenities that extend beyond the traditional dealership model. Scheduled to open in 2027 in time for the 50th Anniversary Celebration.",
        image: "https://gurleyleepautofamily.com/wp-content/uploads/2026/09/6bf511ab-0917-4df2-b6a2-9c0c352ba870.png",
    } ], MAX = 5250, TOTAL = 600, D = .04, T = 0, A = -1, DR = null, V = R.querySelector(".gl-view"), L = R.querySelector(".gl-lane"), C = R.querySelector(".gl-controls span"), Y = R.querySelectorAll(".gl-years button"), P = R.querySelector(".gl-progress"), M = R.querySelector(".gl-modal"), cal = R.querySelector(".gl-calendar"), world = R.querySelector(".gl-world"), h = "", i, e, m;
    for (var i = 0; i < E.length; i++) {
    if (typeof E[i].month !== "number") {
    E[i].month = 0;
    }
    }
    E.sort(function(a,b){
    return ((a.year * 12) + a.month) -
    ((b.year * 12) + b.month);
    });
    for (var i = 0; i < E.length; i++) {
    E[i]._side = i % 2 === 0 ? "left" : "right";
    }
    for (i = 0; i <= TOTAL; i++) {
        h += '<g data-m="' + i + '" class="' + (i % 12 === 0 ? "gl-year" : "gl-month") + '">' + (i % 12 === 0 ? '<line class="gl-rung"/><line class="gl-tick"/><text>' + (1977 + i / 12) + "</text>" : '<line class="gl-tick"/>') + "</g>";
    }
    cal.innerHTML = h;
    h = "";
    for (i = 0; i < E.length; i++) {
    e = E[i];
    var side = E[i]._side;
    m = MO(e);
    h += '<div class="gl-stop gl-' + side + '" data-i="' + i + '" data-month="' + m + '"><div class="gl-anchor"></div><article><button type="button" class="gl-card" data-open="' + i + '"><div class="gl-photo" style="background-image:linear-gradient(180deg,transparent 32%,rgba(8,12,15,.88)),url(\'' + e.image + "')\"><span>" + e.eyebrow + "</span><strong>" + e.year + '</strong></div><div class="gl-copy"><h2>' + e.title + "</h2><p>" + e.summary + "</p><b>EXPLORE STORY <i></i></b></div></button></article></div>";
    }
    world.innerHTML = h;
    var S = R.querySelectorAll(".gl-stop"), G = R.querySelectorAll(".gl-calendar>g");
    var dealershipTotalEl = R.querySelector("[data-dealership-total]");
    var brandTotalEl = R.querySelector("[data-brand-total]");
    var memberTotalEl = R.querySelector("[data-member-total]");
    var animatedDealershipTotal = 0;
    var animatedBrandTotal = 0;
    var animatedMemberTotal = 0;
    var dealershipTarget = 0;
    var brandTarget = 0;
    var memberTarget = 0;
    var previousDealershipTarget = null;
    var previousBrandTarget = null;
    var previousMemberTarget = null;
    var statAnimationFrame = null;
    var yearBar = R.querySelector(".gl-years");
    var startYear = E[0].year;
    var endYear = E[E.length - 1].year;
    var yearsToShow = [startYear];
    for (var y = Math.ceil(startYear / 10) * 10; y < endYear; y += 10) {
        yearsToShow.push(y);
    }
    yearsToShow.push(endYear);
    for (var j = 0; j < yearsToShow.length; j++) {
        var yr = yearsToShow[j];
        var pct = ((yr - startYear) / (endYear - startYear)) * 100;
        var btn = document.createElement("button");
        btn.type = "button";
        btn.textContent = yr;
        btn.dataset.year = yr;
        btn.style.left = pct + "%";
        yearBar.appendChild(btn);
    }
    var Y = R.querySelectorAll(".gl-years button");

    function B(a, b, c, d, t) {
        var u = 1 - t;
        return u * u * u * a + 3 * u * u * t * b + 3 * u * t * t * c + t * t * t * d;
    }
    function Q(d) {
        return {
            y: B(-25, 220, 595, 720, d),
            l: B(455, 407, 295, -30, d),
            r: B(745, 793, 905, 1230, d)
        };
    }
    function MO(e) {
        return (e.year - 1977) * 12 + e.month;
    }
    function TO(e) {
        return MO(e) / TOTAL * MAX;
    }
    function N() {
        var b = 0, i;
        for (i = 1; i < E.length; i++) {
            if (Math.abs(TO(E[i]) - T) < Math.abs(TO(E[b]) - T)) {
                b = i;
            }
        }
        return b;
    }
    function AT(el, n, v) {
        el.setAttribute(n, String(v));
    }
    function PULSE_STAT(el) {
    el.classList.remove("gl-updating");
    void el.offsetWidth;
    el.classList.add("gl-updating");
    window.clearTimeout(el._pulseTimeout);
    el._pulseTimeout = window.setTimeout(function() {
    el.classList.remove("gl-updating");
    }, 220);
    }
    function ANIMATE_STATS() {
    var dealershipDifference = dealershipTarget - animatedDealershipTotal;
    var brandDifference = brandTarget - animatedBrandTotal;
    var memberDifference = memberTarget - animatedMemberTotal;
    animatedDealershipTotal += dealershipDifference * .12;
    animatedBrandTotal += brandDifference * .12;
    animatedMemberTotal += memberDifference * .12;
    if (Math.abs(dealershipDifference) < .05) {
    animatedDealershipTotal = dealershipTarget;
    }
    if (Math.abs(brandDifference) < .05) {
    animatedBrandTotal = brandTarget;
    }
    if (Math.abs(memberDifference) < .5) {
    animatedMemberTotal = memberTarget;
    }
    dealershipTotalEl.textContent = Math.round(animatedDealershipTotal).toLocaleString();
    brandTotalEl.textContent = Math.round(animatedBrandTotal).toLocaleString();
    memberTotalEl.textContent = Math.round(animatedMemberTotal).toLocaleString() + (memberTarget > 0 ? "+" : "");
    if (
    animatedDealershipTotal !== dealershipTarget ||
    animatedBrandTotal !== brandTarget ||
    animatedMemberTotal !== memberTarget
    ) {
    statAnimationFrame = requestAnimationFrame(ANIMATE_STATS);
    } else {
    statAnimationFrame = null;
    }
    }
    function UPDATE_STATS(tm) {
        var newDealershipTarget = 0;
        var newBrandTarget = 0;
        var newMemberTarget = 0;
        for (var statIndex = 0; statIndex < E.length; statIndex++) {
        if (MO(E[statIndex]) <= tm) {
        newDealershipTarget += Number(E[statIndex].dealershipstat) || 0;
        newBrandTarget += Number(E[statIndex].brandstat) || 0;
        newMemberTarget += Number(E[statIndex].memberstat) || 0;
        }
        }
        var dealershipChanged = newDealershipTarget !== previousDealershipTarget;
        var brandChanged = newBrandTarget !== previousBrandTarget;
        var memberChanged = newMemberTarget !== previousMemberTarget;
        dealershipTarget = newDealershipTarget;
        brandTarget = newBrandTarget;
        memberTarget = newMemberTarget;
        if (previousDealershipTarget !== null && dealershipChanged) {
        PULSE_STAT(dealershipTotalEl);
        }
        if (previousBrandTarget !== null && brandChanged) {
        PULSE_STAT(brandTotalEl);
        }
        if (previousMemberTarget !== null && memberChanged) {
        PULSE_STAT(memberTotalEl);
        }
        previousDealershipTarget = dealershipTarget;
        previousBrandTarget = brandTarget;
        previousMemberTarget = memberTarget;
        if (statAnimationFrame === null) {
        statAnimationFrame = requestAnimationFrame(ANIMATE_STATS);
        }
    }
    function DRAW() {
        var tm = T / MAX * TOTAL, i, m, d, q, major, x, anchor, sc, vis, n;
        UPDATE_STATS(tm);
        for (i = 0; i < G.length; i++) {
            m = Number(G[i].getAttribute("data-m"));
            d = .88 - (m - tm) * D;
            vis = d > .015 && d < 1.015;
            G[i].style.opacity = vis ? String(.18 + d * .72) : "0";
            if (vis) {
                q = Q(d);
                major = m % 12 === 0;
                n = G[i].querySelectorAll("line");
                if (major) {
                    AT(n[0], "x1", q.l);
                    AT(n[0], "y1", q.y);
                    AT(n[0], "x2", q.r);
                    AT(n[0], "y2", q.y);
                    AT(n[1], "x1", q.r);
                    AT(n[1], "y1", q.y);
                    AT(n[1], "x2", q.r + 30);
                    AT(n[1], "y2", q.y);
                    x = G[i].querySelector("text");
                    AT(x, "x", q.r + 38);
                    AT(x, "y", q.y);
                } else {
                    AT(n[0], "x1", q.r);
                    AT(n[0], "y1", q.y);
                    AT(n[0], "x2", q.r + 13);
                    AT(n[0], "y2", q.y);
                }
            }
        }
        L.style.strokeDashoffset = String(-tm * 80);
        for (i = 0; i < E.length; i++) {
            m = MO(E[i]);
            d = .88 - (m - tm) * D;
            vis = d > .02 && d < 1.02;
            q = Q(Math.max(0, d));
            var side = E[i]._side;
            anchor = side === "left" ? 600 - (600 - q.l) * .55 : 600 + (q.r - 600) * .55;
            sc = .28 + .92 * Math.pow(Math.max(0, d), 1.55);
            S[i].style.left = anchor / 12 + "%";
            S[i].style.top = q.y / 7.2 + "%";
            S[i].style.transform = "translate(-50%,0) scale(" + sc + ")";
            S[i].style.opacity = vis ? "1" : "0";
            S[i].style.zIndex = String(Math.round(d * 100));
        }
        n = N();
        var currentCard = String(n + 1).padStart(2, "0");
        var totalCards = String(E.length).padStart(2, "0");
        C.textContent = currentCard + " / " + totalCards;
        var currentYear = startYear + ((T / MAX) * (endYear - startYear));
        var closestYearButton = 0;
        var closestYearDistance = Infinity;
        for (i = 0; i < Y.length; i++) {
        var navYear = Number(Y[i].getAttribute("data-year"));
        var yearDistance = Math.abs(navYear - currentYear);
        if (yearDistance < closestYearDistance) {
        closestYearDistance = yearDistance;
        closestYearButton = i;
        }
        }
        for (i = 0; i < Y.length; i++) {
        if (i === closestYearButton) {
        Y[i].classList.add("active");
        } else {
        Y[i].classList.remove("active");
        }
        }
        var currentYearPosition = 1977 + (tm / TOTAL) * (endYear - startYear);
        var progressPct = ((currentYearPosition - startYear) / (endYear - startYear)) * 100;
        P.style.width = Math.max(0, Math.min(100, progressPct)) + "%";
    }
    function GO(v) {
        T = Math.max(0, Math.min(MAX, v));
        DRAW();
    }
    function MOVE(d) {
        var n = Math.max(0, Math.min(E.length - 1, N() + d));
        GO(TO(E[n]));
    }
    function OPEN(i) {
        var e = E[i];
        A = i;
        M.hidden = false;
        R.querySelector(".gl-modal-image").style.backgroundImage = "linear-gradient(90deg,#06101411,#061014bb),url('" + e.image + "')";
        R.querySelector(".gl-modal-image strong").textContent = e.year;
        R.querySelector(".eyebrow").textContent = e.eyebrow;
        R.querySelector(".gl-modal-copy h2").textContent = e.title;
        R.querySelector(".gl-story-text").textContent = e.details;
    }
    function CLOSE() {
        A = -1;
        M.hidden = true;
    }
    var targetT = 0;
    var scrollAnimating = false;
    var cardScrollHold = false;
    var lastSnappedCard = -1;
    var SNAP_DISTANCE = 110;
    var SNAP_HOLD_TIME = 550;
function nearestCardSnap(value) {
    var nearestIndex = -1;
    var nearestPosition = value;
    var nearestDistance = Infinity;
    for (var i = 0; i < E.length; i++) {
    var cardPosition = TO(E[i]);
    var distance = Math.abs(cardPosition - value);
    if (distance < nearestDistance) {
    nearestDistance = distance;
    nearestPosition = cardPosition;
    nearestIndex = i;
    }
    }
    return {
    index: nearestIndex,
    position: nearestPosition,
    distance: nearestDistance
    };
    }
function smoothScrollTo(value) {
    targetT = Math.max(0, Math.min(MAX, value));
    if (scrollAnimating) return;
    scrollAnimating = true;
    function animate() {
        var diff = targetT - T;
        if (Math.abs(diff) < 0.5) {
            T = targetT;
            DRAW();
            scrollAnimating = false;
            return;
        }
        T += diff * 0.12;
        DRAW();
        requestAnimationFrame(animate);
    }
    requestAnimationFrame(animate);
}
V.addEventListener("wheel", function(e) {
if (A >= 0) {
return;
}
e.preventDefault();
if (cardScrollHold) {
return;
}
var delta = Math.abs(e.deltaY) > Math.abs(e.deltaX)
? e.deltaY
: e.deltaX;
var requestedTarget = Math.max(0, Math.min(MAX, targetT - delta * 1.2));
var snap = nearestCardSnap(requestedTarget);
var movingTowardCard = Math.abs(snap.position - T) <= SNAP_DISTANCE;
if (
snap.index !== lastSnappedCard &&
snap.distance <= SNAP_DISTANCE &&
movingTowardCard
) {
lastSnappedCard = snap.index;
cardScrollHold = true;
smoothScrollTo(snap.position);
window.setTimeout(function() {
cardScrollHold = false;
targetT = T;
}, SNAP_HOLD_TIME);
return;
}
if (
lastSnappedCard >= 0 &&
Math.abs(T - TO(E[lastSnappedCard])) > SNAP_DISTANCE * 1.5
) {
lastSnappedCard = -1;
}
smoothScrollTo(requestedTarget);
}, {
passive: false
});

    V.addEventListener("pointerdown", function(e) {
        if (A >= 0 || e.target.closest("button")) {
            return;
        }
        DR = {
            y: e.clientY,
            t: T
        };
        V.setPointerCapture(e.pointerId);
        V.classList.add("dragging");
    });
    V.addEventListener("pointermove", function(e) {
        if (DR) {
            GO(DR.t + (e.clientY - DR.y) * 3.5);
        }
    });
    V.addEventListener("pointerup", function(e) {
        DR = null;
        if (V.hasPointerCapture(e.pointerId)) {
            V.releasePointerCapture(e.pointerId);
        }
        V.classList.remove("dragging");
    });
    V.addEventListener("pointercancel", function() {
        DR = null;
        V.classList.remove("dragging");
    });
    R.querySelector("[data-prev]").onclick = function() {
        MOVE(-1);
    };
    R.querySelector("[data-next]").onclick = function() {
        MOVE(1);
    };
    for (var i = 0; i < Y.length; i++) {
    Y[i].onclick = function() {
    var selectedYear = Number(this.dataset.year);
    var targetPos = ((selectedYear - startYear) / (endYear - startYear)) * MAX;
    smoothScrollTo(targetPos);
    };
    }
    var O = R.querySelectorAll("[data-open]");
    for (i = 0; i < O.length; i++) {
        (function(k) {
            O[k].onclick = function() {
                OPEN(k);
            };
        })(i);
    }
    R.querySelector(".gl-close").onclick = CLOSE;
    R.querySelector(".gl-next-story").onclick = function() {
        OPEN((A + 1) % E.length);
    };
    M.addEventListener("mousedown", function(e) {
        if (e.target === M) {
            CLOSE();
        }
    });
    document.addEventListener("keydown", function(e) {
        if (e.key === "Escape") {
            CLOSE();
        } else if (A < 0 && (e.key === "ArrowRight" || e.key === "ArrowDown")) {
            MOVE(1);
        } else if (A < 0 && (e.key === "ArrowLeft" || e.key === "ArrowUp")) {
            MOVE(-1);
        }
    });
    DRAW();
})();