// ============================================================
// RSS TICKER TAPE INCLUDE FILE
// To change the feed: edit RSS_FEED_URL below.
// To change number of headlines shown: edit MAX_ITEMS.
// To change scroll speed: edit SCROLL_SPEED
//   (pixels per second — higher = faster, lower = slower)
// ============================================================

var RSS_FEED_URL = "https://homehealthcarenews.com/feed";
var MAX_ITEMS    = 12;
var SCROLL_SPEED = 60;
var TICKER_LABEL = "Long Term Care";

// ============================================================
// DO NOT EDIT BELOW THIS LINE
// ============================================================

var tickerCSS = [
  '<style>',
  '.rss-ticker-outer{width:100%;background:#1a1a1a;border-top:2px solid #c8a84b;border-bottom:2px solid #c8a84b;overflow:hidden;}',
  '.rss-ticker-wrap{display:flex;align-items:center;height:44px;}',
  '.rss-ticker-label{display:inline-flex;align-items:center;background:#c8a84b;color:#1a1a1a;font-family:Arial Narrow,Arial,sans-serif;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:0 16px;height:44px;white-space:nowrap;flex-shrink:0;}',
  '.rss-ticker-track-outer{overflow:hidden;flex:1;position:relative;}',
  '.rss-ticker-track{display:flex;align-items:center;white-space:nowrap;position:relative;will-change:transform;}',
  '.rss-ticker-item{display:inline-flex;align-items:center;gap:10px;padding-right:56px;}',
  '.rss-ticker-item a{color:#f0e8d0;text-decoration:none;font-family:Arial Narrow,Arial,sans-serif;font-size:14px;letter-spacing:.03em;transition:color .2s ease;}',
  '.rss-ticker-item a:hover{color:#c8a84b;text-decoration:underline;}',
  '.rss-ticker-sep{display:inline-block;width:5px;height:5px;background:#c8a84b;border-radius:50%;flex-shrink:0;margin:0 4px;}',
  '.rss-ticker-loading{color:#888;font-family:Arial,sans-serif;font-size:13px;padding:0 20px;}',
  '</style>'
].join('');

var tickerHTML = [
  '<div class="rss-ticker-outer">',
    '<div class="rss-ticker-wrap">',
      '<div class="rss-ticker-label">' + TICKER_LABEL + '<\/div>',
      '<div class="rss-ticker-track-outer" id="rss-ticker-outer">',
        '<div class="rss-ticker-track" id="rss-ticker-track">',
          '<span class="rss-ticker-loading">Loading latest stories&hellip;<\/span>',
        '<\/div>',
      '<\/div>',
    '<\/div>',
  '<\/div>'
].join('');

document.write(tickerCSS + tickerHTML);

(function () {
  var pos = 0;
  var animFrame = null;
  var lastTime = null;
  var singleWidth = 0;
  var track = null;
  var paused = false;

  function animate(timestamp) {
    if (!lastTime) lastTime = timestamp;
    var delta = timestamp - lastTime;
    lastTime = timestamp;

    if (!paused) {
      pos += SCROLL_SPEED * (delta / 1000);
      // Reset exactly at the width of one set of items for seamless loop
      if (pos >= singleWidth) {
        pos -= singleWidth;
      }
      track.style.transform = 'translateX(-' + pos + 'px)';
    }
    animFrame = requestAnimationFrame(animate);
  }

  function startTicker() {
    track = document.getElementById('rss-ticker-track');
    if (!track) return;

    // Measure the width of one copy of the items
    singleWidth = track.scrollWidth / 2;

    // Pause on hover
    track.addEventListener('mouseenter', function () { paused = true; });
    track.addEventListener('mouseleave', function () { paused = false; lastTime = null; });

    animFrame = requestAnimationFrame(animate);
  }

  function loadFeed() {
var apiURL = "https://api.rss2json.com/v1/api.json?rss_url=" +
             encodeURIComponent(RSS_FEED_URL) + 
"&api_key=doeq4osu2ggvyywsve9jjwjte22lhgk9871figvc&count=" + MAX_ITEMS;


    var xhr = new XMLHttpRequest();
    xhr.open("GET", apiURL, true);
    xhr.onreadystatechange = function () {
      if (xhr.readyState !== 4) return;
      var track = document.getElementById("rss-ticker-track");
      if (!track) return;

      if (xhr.status === 200) {
        try {
          var data = JSON.parse(xhr.responseText);
          if (data.status === "ok" && data.items && data.items.length > 0) {
            var items = data.items.slice(0, MAX_ITEMS);
            var html = "";
            // Build exactly 2 copies — JS measures first copy width for perfect loop
            for (var i = 0; i < 2; i++) {
              for (var j = 0; j < items.length; j++) {
                html += '<span class="rss-ticker-item">' +
                        '<span class="rss-ticker-sep" aria-hidden="true"><\/span>' +
                        '<a href="' + items[j].link + '" target="_blank" rel="noopener noreferrer">' +
                        items[j].title +
                        '<\/a><\/span>';
              }
            }
            track.innerHTML = html;
            // Small delay to let browser render and calculate widths
            setTimeout(startTicker, 100);
          } else {
            track.innerHTML = '<span class="rss-ticker-loading">No stories available.<\/span>';
          }
        } catch (e) {
          track.innerHTML = '<span class="rss-ticker-loading">Could not load feed.<\/span>';
        }
      } else {
        track.innerHTML = '<span class="rss-ticker-loading">Could not load feed.<\/span>';
      }
    };
    xhr.send();
  }

  if (document.readyState === "loading") {
    document.addEventListener("DOMContentLoaded", loadFeed);
  } else {
    loadFeed();
  }
})();

document.close();