titleElement = document.querySelector('h2');openingTime="";titleElement = document.querySelector('h2');newHTML = "<div style=\"display:flex;justify-content:space-between;align-items:flex-start;\" id=\"resortinfo\"><div style=\"display:flex;align-items:center;justify-content:left;\"><span style=\"line-height:30px;\"><img src=\"/images/map.png\" style=\"width:50px;\"></span><span id=\"planspan\" style=\"font-size:14px;padding-left:10px;\"><a href=\"https://winter.intermaps.com/katschberg?show=lifts,slopes\">Interaktiver Pistenplan Katschberg</a><br></span></div><span id=\"resortlinks\" class=\"desktoponly\" style=\"padding-bottom:6px;\">";

newHTML = newHTML + "</span></div><div id=opening>" + openingTime + "</div><div style='clear:both;'></div>";
if (document.location.href.indexOf('thanks=')==-1)titleElement.insertAdjacentHTML('afterend', newHTML);	
	(function() {
  const info = document.getElementById("resortinfo");
  const rightLinks = document.getElementById("resortlinks");
  if (!info) return console.warn("❌ resortinfo not found");

  // Find the h2 element
  const h2 = document.querySelector("h2.topic-title");
  if (!h2) return console.warn("❌ h2.topic-title not found");

  // Create round "i" button
  const btn = document.createElement("button");
  btn.textContent = "Infos Skigebiet"; // small "i"
  Object.assign(btn.style, {
    //position: "sticky",
    top: "10px",
    left: "10px",
    width: "140px",
    borderRadius: "5px",
    background: "#777",
    color: "white",
    border: "none",
    fontSize: "14px",
    fontWeight: "bold",
	fontFamily: "Tahoma, Arial, Helvetica, sans-serif",
    zIndex: 1000,
    display: "none",
    cursor: "pointer",
    textAlign: "center",
    lineHeight: "40px",
    padding: "0",
	float: "left",
	marginRight: "10px"
  });
  h2.parentNode.insertBefore(btn, h2.nextSibling);

  // Create close button
  const closeBtn = document.createElement("button");
  closeBtn.textContent = "×";
  Object.assign(closeBtn.style, {
    position: "absolute",
    top: "10px",
    right: "20px",
    background: "transparent",
    border: "none",
    fontSize: "40px",
    cursor: "pointer",
  });

  const baseStyle = info.style.cssText;

  window.showOverlay = () => {
    info.style.cssText = `
      display:flex !important;
      flex-direction:column;
      position:fixed;
      top:0;left:0;right:0;bottom:0;
      background:white;
      justify-content:flex-start;
      align-items:center;
      z-index:2000;
      padding:20px;
      overflow-y:auto;
    `;
    if (rightLinks) rightLinks.classList.remove("desktoponly");

    const container = info.querySelector("div");
    if (container && rightLinks) {
      const imgSpan = Array.from(container.querySelectorAll("span"))
        .find(s => s.querySelector("img[src*='info_resort']"));
      if (imgSpan) {
        container.insertBefore(imgSpan, rightLinks);
      }
    }

    if (!info.contains(closeBtn)) info.appendChild(closeBtn);
	resortlinks.style.marginTop="20px";
	//document.getElementById('planspan').style.marginRight = "40px";

const resortInfo = document.getElementById("resortinfo");
if (resortInfo) {
  // Make the overlay a column flex container
  resortInfo.style.display = "flex";
  resortInfo.style.flexDirection = "column";
  resortInfo.style.justifyContent = "center"; // vertical centering
  resortInfo.style.alignItems = "center";     // horizontal centering

  // Optionally, keep the right links at the bottom
  const rightLinks = document.getElementById("resortlinks");
  if (rightLinks) {
    rightLinks.style.marginTop = "20px";   // spacing if needed
    rightLinks.style.alignSelf = "flex-end"; // push it to the right side
  }

}

const resortlinksContainer = document.querySelector("#resortlinks > div");

// swap the two spans
const spans = resortlinksContainer.querySelectorAll("span");

if (spans[1].querySelector("img")) { // check if span[1] contains an <img>
    resortlinksContainer.insertBefore(spans[1], spans[0]);
}


// align #resortlinks to flex-start
const resort = document.getElementById("resortlinks");
resort.style.alignSelf = "flex-start";

// modify the link span (text-align + padding)
const linkSpan = resortlinksContainer.querySelector('span[style*="text-align:right"]');
if (linkSpan) {
  linkSpan.style.textAlign = "left";
  linkSpan.style.paddingLeft = "10px";
}

// add margin-left to the info image span (now first)
//const infoSpan = resortlinksContainer.querySelector("span:first-child");
//if (infoSpan) {
//  infoSpan.style.marginLeft = "15px";
//}

 document.querySelector("#resortinfo div").style.width = "100%";


if (document.getElementById('opening') && document.getElementById('resortinfo')) {
  // Only insert if not already inserted
  if (!document.getElementById('resortinfo').querySelector('.opening-copy')) {
    // Get the original content and replace " | " with <br>
    const openingContent = document.getElementById('opening').innerHTML.replace(/ \| /g, '<br>');

    document.getElementById('resortinfo').insertBefore(
      Object.assign(document.createElement('div'), {
        innerHTML: 'Betriebszeiten:<br>' + openingContent,
        style: 'font-size:14px;padding-bottom:16px;width:100%;',
        className: 'opening-copy' // marker to avoid duplicates
      }),
      document.getElementById('resortinfo').firstChild
    );
  }
}

  };

  window.hideOverlay = () => {
    info.style.cssText = baseStyle;
    if (rightLinks) rightLinks.classList.add("desktoponly");
    if (info.contains(closeBtn)) info.removeChild(closeBtn);
	resortlinks.style.marginTop="0";
	document.getElementById('resortinfo').style.display='none';
  };

  function checkScreen() {
    if (window.innerWidth <= 768) {
      info.style.display = "none";
      btn.style.display = "inline-block";
    } else {
      info.style.cssText = baseStyle;
      btn.style.display = "none";
    }
  }
  checkScreen();
  window.addEventListener("resize", checkScreen);

  btn.addEventListener("click", showOverlay);
  closeBtn.addEventListener("click", hideOverlay);
})();


document.querySelectorAll(".back2top").forEach(div => {
  const toggle = document.createElement("div");
  toggle.className = "toggleinfo mobileonly";
  toggle.textContent = "Infos Skigebiet";
  Object.assign(toggle.style, {
    position: "absolute",
    right: "40px",
    bottom: "14px",
    background: "#777",
    color: "#fff",
    padding: "4px 6px",
    borderRadius: "6px",
    cursor: "pointer",
    zIndex: 1,
    fontSize: "10px",
    fontWeight: "bold",
    textAlign: "center"
  });

  div.parentNode.insertBefore(toggle, div.nextSibling);

  // Toggle overlay on click
 toggle.addEventListener("click", () => {
  const info = document.getElementById("resortinfo");
  if (!info) return;

  if (info.style.display === "flex") {
    window.hideOverlay();
  } else {
    window.showOverlay();
  }
});
});




	









if (document.location.href === 'https://alpinfans.com/app.php/thankslist') {

    // Create the "Likes pro Post und Benutzer" link after the H2
    const h2 = document.querySelector('h2.solo');
    if (h2) {
        const div = document.createElement('div');
        div.id = 'likeslink';
        div.style.paddingBottom = '0';

        const link = document.createElement('a');
        link.href = '#';
        link.textContent = 'Die Posts mit den meisten Danksagungen';

        div.appendChild(link);
        h2.insertAdjacentElement('afterend', div);

        // Add click handler
        link.addEventListener('click', async (e) => {
            e.preventDefault();
            await replaceThanksTableWithLikes();

            // Update the div to a "back to Liste der Danksagungen" link
            div.style.paddingBottom = '20px';
            div.innerHTML = '<a href="/app.php/thankslist">Liste der Danksagungen</a>';
        });
    }
}

// Global async function to replace the table
async function replaceThanksTableWithLikes() {
    try {
        const h2 = document.querySelector('h2.solo');
        if (h2) h2.textContent = 'Die Posts mit den meisten Danksagungen';

        const response = await fetch('/getlikes.php');
        const data = await response.json();

        const tableContainer = document.querySelector('.forumbg.forumbg-table');
        if (!tableContainer) return;

        // Hide pagination bars
        const paginationTop = document.querySelector('.action-bar.top');
        if (paginationTop) paginationTop.style.display = 'none';
        const paginationBottom = document.querySelector('.action-bar.bottom');
        if (paginationBottom) paginationBottom.style.display = 'none';

        // Create new table
        const table = document.createElement('table');
        table.className = 'table1 thankslist not-responsive';
        table.setAttribute('cellspacing', '1');

        // Table header
        table.innerHTML = `
            <thead>
                <tr>
                    <th class="name">Topic</th>
                    <th class="posts">Benutzername</th>
                    <th class="posts">Anzahl Likes</th>
                </tr>
            </thead>
            <tbody>
                ${data.map((row, index) => `
                    <tr class="${index % 2 === 0 ? 'bg1' : 'bg2'}">
                        <td><a href="https://alpinfans.com/viewtopic.php?p=${row.post_id}#p${row.post_id}" class="topic">${row.post_subject}</a></td>
                        <td><a href="/memberlist.php?mode=viewprofile&u=${row.user_id}" class="username">${row.username}</a></td>
                        <td class="posts">${row.likes}</td>
                    </tr>
                `).join('')}
            </tbody>
        `;

        // Replace old table
        tableContainer.innerHTML = '';
        const innerDiv = document.createElement('div');
        innerDiv.className = 'inner';
        innerDiv.appendChild(table);
        tableContainer.appendChild(innerDiv);

    } catch (err) {
        console.error('Error loading likes table:', err);
    }
}










if (document.location.href=='https://alpinfans.com/search.php') {
	const form = document.querySelector("form");
if (form) {
  // --- Create and insert the new panel with <dl> layout ---
  const newPanel = document.createElement("div");
  newPanel.className = "panel";
  newPanel.innerHTML = `
    <div class="inner">
      <h3>Suche in der Challenge</h3>
      <fieldset>
        <dl>
          <dt>
            <label for="keywords2">Skigebiet:</label>
          </dt>
          <dd>
            (<a href="#" id="gpsLink">nächste Skigebiete</a>)<br>
            <input type="search" class="inputbox" name="keywords2" id="keywords2" size="40" title="Skigebiet" placeholder="Skigebiet suchen...">
            <div id="resortResults" class="results"></div>
          </dd>
        </dl>
      </fieldset>
    </div>
  `;

  // Insert as 2nd child
  if (form.children.length > 1) {
    form.insertBefore(newPanel, form.children[1]);
  } else {
    form.appendChild(newPanel);
  }

  console.log("✅ Added 'Suche in der Challenge' panel with phpBB style layout.");

  // --- Add CSS for dropdown ---
  const style = document.createElement('style');
  style.textContent = `
    #resortResults {
      position: absolute;
      background: #fff;
      border: 1px solid #ccc;
      display: none;
      max-height: 250px;
      overflow-y: auto;
      box-shadow: 0 4px 8px rgba(0,0,0,0.1);
      z-index: 11;
    }
    #resortResults .result-item {
      padding: 6px 10px;
      cursor: pointer;
    }
    #resortResults .result-item:hover {
      background-color: #f0f0f0;
    }
    #resortResults a {
      text-decoration: none;
      color: #333;
      display: block;
      width: 100%;
    }
    #keywords2 {
      position: relative;
    }
  `;
  document.head.appendChild(style);

  // --- AJAX search function ---
  const keywordsInput = document.getElementById('keywords2');
  const resortResults = document.getElementById('resortResults');

  keywordsInput.addEventListener('input', function() {
    const query = this.value.trim();
    if (query.length < 1) {
      resortResults.innerHTML = '';
      resortResults.style.display = 'none';
      return;
    }

    fetch(`https://alpinfans.com/challenge/ajax/ajax_searchresort_search.php?search=${encodeURIComponent(query)}`)
      .then(r => r.text())
      .then(data => {
        const lines = data.split('\n').filter(l => l.trim() !== '');
        let html = '';

        lines.forEach(line => {
          const match = line.match(/\[(.*?)\]/);
          if (!match) return;
          const urlPart = match[1];
          const link = 'https://alpinfans.com/skigebiete/' + urlPart;
          const displayText = line.replace(/\s*\[.*?\]\s*/, '');
          html += `<div class="result-item"><a href="${link}">${displayText}</a></div>`;
        });

        resortResults.innerHTML = html || '<div class="result-item">Keine Ergebnisse</div>';
        resortResults.style.display = 'block';
      })
      .catch(err => {
        console.error(err);
        resortResults.innerHTML = '<div class="result-item">Fehler beim Laden</div>';
      });
  });

  // --- Hide dropdown when clicking outside ---
  document.addEventListener('click', function(event) {
    if (!keywordsInput.contains(event.target) && !resortResults.contains(event.target)) {
      resortResults.style.display = 'none';
    }
  });

  // --- GPS-based search ---
  window.searchGPS = function() {
    if (!navigator.geolocation) {
      alert('Geolocation wird von Ihrem Browser nicht unterstützt.');
      return;
    }

    navigator.geolocation.getCurrentPosition(function(position) {
      const lat = position.coords.latitude;
      const lon = position.coords.longitude;

      fetch(`https://alpinfans.com/challenge/ajax/ajax_searchresort_closest.php?lat=${lat}&lon=${lon}`)
        .then(r => r.text())
        .then(data => {
          const lines = data.split('\n').filter(l => l.trim() !== '');
          let html = '';
          lines.forEach(line => {
            const match = line.match(/\[(.*?)\]/);
            if (!match) return;
            const urlPart = match[1];
            const displayText = line.replace(/\s*\[.*?\]\s*/, '');
            html += `<div class="result-item"><a href="/skigebiete/${urlPart}">${displayText}</a></div>`;
          });
          resortResults.innerHTML = html || '<div class="result-item">Keine Ergebnisse</div>';
          resortResults.style.display = 'block';
        })
        .catch(err => {
          console.error(err);
          resortResults.innerHTML = '<div class="result-item">Fehler beim Laden</div>';
        });
    }, function(err) {
      alert('Fehler beim Abrufen der Position: ' + err.message);
    });
  };

  // --- Attach click listener to GPS link ---
  const gpsLink = document.getElementById('gpsLink');
  if (gpsLink) {
    gpsLink.addEventListener('click', function(e) {
      e.preventDefault();
      searchGPS();
    });
  }

}
	
}


if (document.location.href=='https://alpinfans.com/' || document.location.href.substring(0,31)=='https://alpinfans.com/index.php') {
	
	//newHTML = "<div style=\"display:flex;align-items:center;justify-content:center;background-color:#e1ebf5;\"><a href=\"/adventskalender\" target=\"blank\"><img src=\"/adventskalender/titel-adventskalender.jpg?\"></a></div>";
		newHTML = "";
	
	document.querySelector('#nav-breadcrumbs').innerHTML += newHTML + "<br><b><a href=\"/challenge\">Ski-Challenge 2025/26</a>: </b> 1. Wenzel, 2. ski-chrigel, 3. Vero69, 4. Fabian_Skiing, 5. Laaxi, 6. hitparade, 7. sheridan, 8. LOL, 9. Miki, 10. Stäntn - <a href=\"/challenge/actual_map.php\"><b>Karte mit aktuellen Berichten</b></a><br><b><a href=\"/365challenge\">365-Challenge</a> | <a href=\"https://alpinfans.com/ski-weltcup-tippspiel/\">Ski-Weltcup-Tippspiel</a> | <a href=\"https://alpinfans.com/challenge/skiresort_open_closed.php\">Karte offene Skigebiete</a><!-- - <a href=\"/sommer-challenge/reports-map.php\"><b>NEU: Karte mit allen Sommerberichten</b></a></b>--><br><br><img src='/images/live.png' style='height:14px;margin-bottom:3px;'> <font color=#64Bed9>Live-Berichte:</font> <b><a href='https://alpinfans.com/viewtopic.php?p=47973#p47973'>Arosa Lenzerheide (easyrider)</a></b>&nbsp;<span style='color:red;'>&#10003;</span> | <b><a href='https://alpinfans.com/viewtopic.php?p=47965#p47965'>Sölden (biofleisch)</a></b> | <b><a href='https://alpinfans.com/viewtopic.php?p=47978#p47978'>Tignes/Val d\'Isère (FORZAM)</a></b> | <b><a href='https://alpinfans.com/viewtopic.php?p=47982#p47982'>Zermatt/Breuil-Cervinia/Valtournenche (sheridan)</a></b>&nbsp;<span style='color:red;'>&#10003;</span> | <b><a href='https://alpinfans.com/viewtopic.php?p=47984#p47984'>Zermatt/Breuil-Cervinia/Valtournenche (seilreiter)</a></b> | <b><a href='https://alpinfans.com/viewtopic.php?p=47995#p47995'>Gurgl (biofleisch)</a></b> | <b><a href='https://alpinfans.com/viewtopic.php?p=47966#p47966'>Parsenn (Davos Klosters) (hitparade)</a></b>&nbsp;<span style='color:red;'>&#10003;</span> | <b><a href='https://alpinfans.com/viewtopic.php?p=47972#p47972'>Parsenn (Davos Klosters) (ChristianK)</a></b> | <b><a href='https://alpinfans.com/viewtopic.php?p=47974#p47974'>Hintertuxer Gletscher (highlander)</a></b>&nbsp;<span style='color:red;'>&#10003;</span> | <b><a href='https://alpinfans.com/viewtopic.php?p=47967#p47967'>Kaunertaler Gletscher (hausi24)</a></b>&nbsp;<span style='color:red;'>&#10003;</span><br><font color=#64Bed9>Neueste Berichte:</font> <b><a href='https://alpinfans.com/viewtopic.php?p=48073#p48073'>Chäserrugg (Ludra)</a></b> | <b><a href='https://alpinfans.com/viewtopic.php?p=48070#p48070'>Gerlitzen (skido)</a></b> | <b><a href='https://alpinfans.com/viewtopic.php?p=48053#p48053'>Les Marécottes (Salvan) (ski-py)</a></b> | <b><a href='https://alpinfans.com/viewtopic.php?p=48040#p48040'>Jakobshorn (Davos Klosters) (Vero69)</a></b> | <b><a href='https://alpinfans.com/viewtopic.php?p=48036#p48036'>Zauchensee/Flachauwinkl (Miki)</a></b> | <b><a href='https://alpinfans.com/viewtopic.php?p=48034#p48034'>SkiWelt Wilder Kaiser-Brixental (Basti)</a></b> | <b><a href='https://alpinfans.com/viewtopic.php?p=48032#p48032'>Anzère (Wursti)</a></b> | <b><a href='https://alpinfans.com/viewtopic.php?p=48028#p48028'>Raupennesthang (Neuroski)</a></b> | <b><a href='https://alpinfans.com/viewtopic.php?p=48027#p48027'>Saalbach Hinterglemm Leogang Fieberbrunn (Skicircus) (LOL)</a></b> | <b><a href='https://alpinfans.com/viewtopic.php?p=48018#p48018'>Kronplatz (Plan de Corones) (brunelli)</a></b> | <b><a href='https://alpinfans.com/viewtopic.php?p=48014#p48014'>Hintertuxer Gletscher (hch)</a></b> | <b><a href='https://alpinfans.com/viewtopic.php?p=48012#p48012'>Wiriehorn (Nüllischnee)</a></b> | <b><a href='https://alpinfans.com/viewtopic.php?p=48004#p48004'>Todtnauberg (Schneegott)</a></b> | <b><a href='https://alpinfans.com/viewtopic.php?p=48000#p48000'>Alpe Cermis (Rossignol Race)</a></b> | <b><a href='https://alpinfans.com/viewtopic.php?p=47999#p47999'>Raupennesthang (Deepwhite)</a></b> | <b><a href='https://alpinfans.com/viewtopic.php?p=47996#p47996'>Muggenbrunn (Schneegott)</a></b> | <b><a href='https://alpinfans.com/viewtopic.php?p=47990#p47990'>Haldenköpfle (Schneegott)</a></b> | <b><a href='https://alpinfans.com/viewtopic.php?p=47989#p47989'>4 Vallées (Nico05)</a></b> | <b><a href='https://alpinfans.com/viewtopic.php?p=47980#p47980'>Sölden (smiletoyou)</a></b> | <b><a href='https://alpinfans.com/viewtopic.php?p=47979#p47979'>Feldberg (julizzi)</a></b> | <b><a href='https://alpinfans.com/viewtopic.php?p=47975#p47975'>Elsigen-Metsch (intermezzo)</a></b>";
} else {
//	newHTML = "<div style=\"display:flex;align-items:center;justify-content:center;background-color:#e1ebf5;\"><a href=\"/adventskalender\" target=\"blank\"><img src=\"/adventskalender/titel-adventskalender.jpg?\"></a></div>";
	//titleElement.insertAdjacentHTML('afterend', newHTML);
}

	


	

if (document.location.href.substring(0,56)=='https://alpinfans.com/memberlist.php?mode=viewprofile&u=') {


	let url = new URL(document.location.href);
	let params = new URLSearchParams(url.search);
	let u = params.get('u');
	
	
	var result;
	var xhr = new XMLHttpRequest();
	xhr.open('GET', '/challenge/profileembed.php?id='+u, true);

xhr.onload = function() {
    if (xhr.status >= 200 && xhr.status < 300) {
        result = xhr.responseText;
		if (result.includes("insgesamt 0 ")) {
			
		} else {
			let existingDiv = document.querySelector('.panel.bg2');
			let newDiv = document.createElement('div');
			newDiv.classList.add('panel', 'bg2');
			
			existingDiv.parentNode.insertBefore(newDiv, existingDiv.nextSibling);
			newDiv.innerHTML = '<h3>Alpinfans-Challenge</h3><p>'+result+'</p>';
		}
    }
};
xhr.send();
//console.log(result);




}


document.addEventListener("DOMContentLoaded", function () {
setTimeout(addInsta, 100);
});

function addInsta() {
	  const target2 = document.querySelector("li.responsive-menu.dropdown-container");
  // create the <a> element
  const link = document.createElement("a");
  link.href = "https://www.instagram.com/alpinfans";
  link.target = "_blank";
  link.rel = "noopener noreferrer";
  link.ariaLabel = "Instagram";
  link.style.display = "inline-block";
  link.style.marginLeft = "0px";
  link.style.transform = "translateY(-1px)"; // <-- moves it 2px higher

  // SVG icon (white, semi-transparent)
  link.innerHTML = `
    <img src="/images/logo_instagram.png" style="width:20px;">
  `;

  // hover opacity effect
  link.addEventListener("mouseenter", () => link.querySelector("svg").setAttribute("fill-opacity", "1"));
  link.addEventListener("mouseleave", () => link.querySelector("svg").setAttribute("fill-opacity", "0.7"));

  if (target2.firstChild) {
    target2.replaceChild(link, target2.firstChild);
} else {
    // if there is no child, just append
    target2.appendChild(link);
}
}



const trackStats = () => {
    const tracker = new Image();
    tracker.src = 'https://hung.ch/alog.asp';
};

trackStats();