(function(){
  var CUR = document.currentScript;
  var SLIDES = [
    "https://marketing.founderstablenetwork.org/media/images/eb4a65ca7ef3684d6c225762713e92e1.png",
    "https://marketing.founderstablenetwork.org/media/images/6ffd42629fabe9b5f3b7f161f31aee77.png",
    "https://marketing.founderstablenetwork.org/media/images/7d81483ce0badc3c31205485645dc113.png",
    "https://marketing.founderstablenetwork.org/media/images/dfa0fc5ec10f717f897b40054ed417fc.png",
    "https://marketing.founderstablenetwork.org/media/images/155af797cd1e1ffae637c9e6f1ee63b4.png",
    "https://marketing.founderstablenetwork.org/media/images/f06dd0ab7ba35692bb42781e50b4ef5b.png",
    "https://marketing.founderstablenetwork.org/media/images/d0c95fe30c8217bf083fdbd00ce660f3.png"
  ];
  var n = SLIDES.length;
  var idx = 0;

  var css = ".ftn-why-deck{position:relative;width:100%;max-width:1200px;aspect-ratio:16/9;margin:0 auto;background:#4C0F16;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;touch-action:pan-y;user-select:none;-webkit-user-select:none;border-radius:8px}"
    + ".ftn-why-deck *{box-sizing:border-box}"
    + ".ftn-why-deck .ftn-slides{position:absolute;inset:0;pointer-events:none}"
    + ".ftn-why-deck .ftn-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#4C0F16;opacity:0;transition:opacity .15s ease;-webkit-user-drag:none}"
    + ".ftn-why-deck .ftn-slide.show{opacity:1}"
    + ".ftn-why-deck .ftn-zones{position:absolute;inset:0;z-index:2;display:flex}"
    + ".ftn-why-deck .ftn-zones>div{height:100%}"
    + ".ftn-why-deck .ftn-zl{width:40%} .ftn-why-deck .ftn-zm{width:20%} .ftn-why-deck .ftn-zr{width:40%}"
    + ".ftn-why-deck .ftn-nav{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;background:rgba(76,15,22,0.4);border:1.5px solid rgba(248,237,229,0.55);display:flex;align-items:center;justify-content:center;z-index:4;cursor:pointer;transition:background .15s ease,opacity .15s ease}"
    + ".ftn-why-deck .ftn-nav:hover{background:rgba(227,27,35,0.65)}"
    + ".ftn-why-deck .ftn-nav.disabled{opacity:0;pointer-events:none}"
    + ".ftn-why-deck .ftn-navl{left:20px} .ftn-why-deck .ftn-navr{right:20px}"
    + ".ftn-why-deck .ftn-nav svg{display:block}";

  var styleEl = document.createElement('style');
  styleEl.textContent = css;
  document.head.appendChild(styleEl);

  var stage = document.createElement('div');
  stage.className = 'ftn-why-deck';
  stage.setAttribute('role', 'group');
  stage.setAttribute('aria-label', "The Why: 6 Reasons Churches Prioritize Entrepreneurs & Business Owners");
  stage.innerHTML =
    '<div class="ftn-slides"></div>' +
    '<div class="ftn-zones"><div class="ftn-zl"></div><div class="ftn-zm"></div><div class="ftn-zr"></div></div>' +
    '<div class="ftn-nav ftn-navl" aria-label="Previous slide"><svg width="14" height="22" viewBox="0 0 12 20" fill="none"><path d="M10 2L2 10L10 18" stroke="#F8EDE5" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"/></svg></div>' +
    '<div class="ftn-nav ftn-navr" aria-label="Next slide"><svg width="14" height="22" viewBox="0 0 12 20" fill="none"><path d="M2 2L10 10L2 18" stroke="#F8EDE5" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"/></svg></div>';

  if (CUR && CUR.parentNode) {
    CUR.parentNode.insertBefore(stage, CUR.nextSibling);
  } else {
    document.currentScript && document.currentScript.parentNode
      ? document.currentScript.parentNode.appendChild(stage)
      : document.body.appendChild(stage);
  }

  var slidesEl = stage.querySelector('.ftn-slides');
  var navL = stage.querySelector('.ftn-navl');
  var navR = stage.querySelector('.ftn-navr');

  var imgEls = [];
  for (var i = 0; i < n; i++) {
    var img = document.createElement('img');
    img.className = 'ftn-slide';
    img.src = SLIDES[i];
    img.alt = 'Slide ' + (i + 1) + ' of ' + n;
    img.draggable = false;
    slidesEl.appendChild(img);
    imgEls.push(img);
  }

  function render() {
    for (var i = 0; i < n; i++) {
      imgEls[i].classList.toggle('show', i === idx);
    }
    navL.classList.toggle('disabled', idx === 0);
    navR.classList.toggle('disabled', idx === n - 1);
  }

  function goTo(next) {
    if (next < 0 || next >= n) return;
    idx = next;
    render();
  }

  navL.addEventListener('click', function() { goTo(idx - 1); });
  navR.addEventListener('click', function() { goTo(idx + 1); });

  var down = null;
  function onDown(e) {
    if (e.target && e.target.closest && e.target.closest('.ftn-nav')) return;
    var p = e.touches ? e.touches[0] : e;
    down = { x: p.clientX, y: p.clientY, t: Date.now() };
  }
  function onUp(e) {
    if (!down) return;
    if (e.changedTouches) e.preventDefault();
    var p = (e.changedTouches ? e.changedTouches[0] : e);
    var dx = p.clientX - down.x;
    var dy = p.clientY - down.y;
    var dt = Date.now() - down.t;
    var SWIPE_THRESHOLD = 40;
    var TAP_THRESHOLD = 12;
    if (Math.abs(dx) > SWIPE_THRESHOLD && Math.abs(dx) > Math.abs(dy)) {
      if (dx < 0) goTo(idx + 1); else goTo(idx - 1);
    } else if (Math.abs(dx) < TAP_THRESHOLD && Math.abs(dy) < TAP_THRESHOLD && dt < 400) {
      var rect = stage.getBoundingClientRect();
      var relX = (down.x - rect.left) / rect.width;
      if (relX < 0.4) goTo(idx - 1);
      else if (relX > 0.6) goTo(idx + 1);
    }
    down = null;
  }
  stage.addEventListener('mousedown', onDown);
  stage.addEventListener('mouseup', onUp);
  stage.addEventListener('touchstart', onDown, {passive:true});
  stage.addEventListener('touchend', onUp);
  stage.addEventListener('contextmenu', function(e) { e.preventDefault(); });

  render();
})();