titleElement = document.querySelector('h2');









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. Fabian_Skiing, 4. Vero69, 5. Sabine, 6. hitparade, 7. Laaxi, 8. Stäntn, 9. Snowboard-Tobi, 10. LOL - <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/\"><font color=red>NEU:</font> Ski-Weltcup-Tippspiel</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;'> Live-Bericht: <b><a href='https://alpinfans.com/viewtopic.php?p=45993#p45993'>Sölden (Stäntn)</a></b> | <b><a href='https://alpinfans.com/viewtopic.php?p=46028#p46028'>Stubaier Gletscher (Laaxi)</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();