<script>
  // THREAD-LOADER - Liest Beiträge aus und speichert sie im Session-Cache des Browsers
  (async () => {
    const clean = location.href.replace(/#msg\d+$/, "");const base  = clean.replace(/-\d+\.html$/, ".html");
    let max = 1;const m = clean.match(/-(\d+)\.html$/);if (m) max = +m[1] + 1; document.querySelectorAll(".fpages a, .fpages b").forEach(el => {const n = +el.textContent.trim();if (n > max) max = n;});
    const pages = await Promise.all(Array.from({length: max}, (_, i) => fetch(i ? base.replace(".html", `-${i}.html`) : base).then(r => r.text()).catch(_ => ""))); const all = [];
    pages.forEach(html => {
        const dom = new DOMParser().parseFromString(html, "text/html");
        [...dom.querySelectorAll("[id^='post']")].filter(p => /^post_?\d+$/.test(p.id)).forEach(p => {
            const box = p.cloneNode(true);
            const user = (box.querySelector(".messageUser strong,.muser .userlink")?.textContent.trim()) || "Unbekannt";
            const userLink = box.querySelector(".messageUser a,.muser .userlink")?.href || null;let local = null;
            const a = box.querySelector("a[href*='msg.php']");if (a) {const ml = a.href.match(/msg=(\d+)/);if (ml) local = +ml[1];}if (!local) {const e = box.querySelector(".edit_action[onclick*='msg=']");const ml = e?.getAttribute("onclick")?.match(/msg=(\d+)/);if (ml) local = +ml[1];} let global = null;
              const g = box.querySelector("a[name^='msg'], a[href*='#msg']");if (g) {const mg = (g.name || g.href).match(/msg(\d+)/);if (mg) global = +mg[1];} if (!global) return;let nr = null;
              const nrEl = box.querySelector(".card-header a[href^='#msg'] strong") || box.querySelector(".card-header a[href^='#msg']"); if (nrEl) nr = +nrEl.textContent.replace("#", "").trim();if (!nr) {const idm = p.id.match(/^post_?(\d+)$/);if (idm) nr = +idm[1];}
              all.push({msgIdGlobal: global,msgIdLocal: local,postNr: nr,user,userLink,html: box.outerHTML});
        });
    });
    if (!all.length) return; all.sort((a, b) => a.msgIdGlobal - b.msgIdGlobal); sessionStorage.setItem("threadPostsMap", JSON.stringify(all));
  })();
  document.querySelectorAll("hr + hr").forEach(hr => {hr.style.display = "none";});
</script>
 

<style>
/* Allgemein */
.zitatPreviewBox {margin:16px auto;}
.zitatPreviewBox img, .zitatPreviewBox .mtext img, .mtext blockquote img {max-width:300px; width: auto !important;}
.zitatPreviewBox .box{display:flex;flex-direction:column;margin:20px 0;background:#fafafa;}
.zitatPreviewBox button{background:#d3d3d3;color:#383870;font-size:14px;align-self:flex-end;padding:2px 8px;border:1px solid #bbb;border-radius:4px;cursor:pointer;}
.zitatPreviewBox button:hover{background:#e6e6e6;}
.zitatPreviewBox .information, .zitatPreviewBox .speak_div, .mtitle, .postratings, .messageinformation, .messageinformation_toggler, .zitatPreviewBox td.reply, .mbt .divider_h:last-child {display:none !important;}
/* V6 */
.mbt .zitatPreviewBox{margin-top:20px; padding:0 !important;}
.mbt .zitatPreviewBox .message_rightcol, .mbt .zitatPreviewBox .replyposttext{background:#fafafa;padding:10px;margin-bottom:20px;border-radius:6px;border:1px solid #ddd;}
.mbt .zitatPreviewBox .replypostinfo{margin-bottom:8px;}
.mbt .zitatPreviewBox .row{margin:0;}
.mbt .zitatPreviewBox .card-title{display:block!important;}
.mbt .zitatPreviewBox .card-header{background:#e1e3ee!important;}
.mbt .divider_h{border-bottom:1px solid #ccc;margin:10px 0;}
/* Zitate Vorschau */  
blockquote font a {padding:0 !important;}
blockquote font a:first-child{color:#e6ab15 !important; padding:0 !important;}
blockquote font ~ img {max-width: 600px !important;}
</style>
 
<script>
  // ==========================================================
  //  BBCode-Converter
  // ==========================================================
  function toBB(html){
    const t=document.createElement("div"); t.innerHTML=html||"";
    
    // HTML--> BB-Code
    t.querySelectorAll("h1,h2,h3,h4,h5,h6, .verlauf2").forEach(e=>e.replaceWith("[b]"+e.innerText.trim()+"[/b]\n\n"));
    t.querySelectorAll(".bbcode_code,.hpm_spoiler,.hpm_spoiler div, .newSpoiler2").forEach(e=>e.replaceWith("\n\n&#10214; … &#10215;"));
    t.querySelectorAll("fieldset").forEach(fs=>{const lg=fs.querySelector("legend")?.innerText.trim()||"";const inner=fs.innerText.replace(lg,"").trim(); fs.replaceWith(lg||inner?("\n\n[b]"+lg+"[/b]\n"+inner+"\n"):"\n&#10214; … &#10215;");});
    t.querySelectorAll("blockquote > blockquote").forEach(e=>e.replaceWith("\n[font=14px]Zitat[/font]: &#10214; … &#10215;"));
    t.querySelectorAll("img").forEach(i=>{const src=i.src.startsWith("//")?"https:"+i.src:i.src;i.replaceWith("[img]"+src+"[/img]");});
    t.querySelectorAll("br").forEach(br=>br.replaceWith("\n"));
    t.querySelectorAll("p").forEach(p=>p.insertAdjacentText("beforebegin","\n\n"));
    
    let out=t.innerText.replace(/\n{3,}/g,"\n\n").trim(); out=out.replace(/\n?\[…\](\s*\n?\[…\])+/g,"\n\n&#10214; … &#10215;"); return out;
  }
 
  // ==========================================================
  //  Start mit kleinem Delay (300 ms)
  // ==========================================================
  document.addEventListener("DOMContentLoaded", () => { 
    setTimeout(() => {
      const raw = sessionStorage.getItem("threadPostsMap");if (!raw) return;
      const posts = JSON.parse(raw);if (!posts.length) return;
      const params = new URLSearchParams(location.search);
      const localMsgId = parseInt(params.get("msg") || "0", 10);
      const current = posts.find(p => p.msgIdLocal === localMsgId) || posts[posts.length - 1];if (!current) return;
    
      let relevant = posts.filter(p => p.msgIdGlobal < current.msgIdGlobal);
      // Anzahl der Beiträge vor "Beitrag bearbeiten" (hier 10 Beiträge, rückläufig sortiert)
      relevant = relevant.slice(-10).reverse(); if (!relevant.length) return; 
 
      const url  = new URL(location.href);const tid  = url.searchParams.get("Thread");const fid  = url.searchParams.get("forum");
      // Editor Textarea (V4, V6)
      const ta144 = document.querySelector("#metext");
      const ta177 = document.querySelector("#messagetext");
 
      if (ta144) runMsg144(ta144, relevant, tid, fid); else if (ta177) runMsg177(ta177, relevant, tid, fid);
    }, 300);
  });
 
  // ==========================================================
  //  STANDARD (Business (v4) - Template 144)
  // ==========================================================
  function runMsg144(ta, relevant, tid, fid){
    const msgBox = document.querySelector(".page_msg .spacer20"); if (!msgBox) return;
    const box = document.createElement("div"); box.className = "zitatPreviewBox";
    msgBox.appendChild(box);
    relevant.forEach(p => {
      const w = document.createElement("div"); w.innerHTML = p.html.replace(/#/g, "#").replace(/\uFFFD/g, "");
      // Unerwünschte Elemente entfernen
      w.querySelectorAll(".messageinformation").forEach(el => el.remove());
      const b = w.firstElementChild;
      const btn = document.createElement("button"); btn.innerHTML = "&#10077; Diesen Beitrag zitieren";
      btn.onclick = () => {
        const source = b.querySelector(".xquoteable") || b.querySelector(".message_text") || b;
        const text = toBB(source.innerHTML || "");
        const userPart = p.userLink ? "[url="+p.userLink+"]"+p.user+"[/url]" : p.user;
        const link = "t"+tid+"f"+fid+"-x.html#msg"+p.msgIdGlobal;
        const nr   = p.postNr || "?";
        const q = "[quote="+userPart+" im [url=/"+link+"]Beitrag #"+nr+"[/url]]"+text+"[/quote]\n";
        const s = ta.selectionStart, e = ta.selectionEnd; ta.value = ta.value.slice(0,s)+q+ta.value.slice(e); ta.selectionStart = ta.selectionEnd = s+q.length; ta.focus();
      };
      b.appendChild(btn); box.appendChild(b);
    });
  }
  
  // ==========================================================
  //  BOOTSTRAP (Xobor (v6) - Template 177)
  // ==========================================================
  function runMsg177(ta, relevant, tid, fid){
    const panel = document.querySelector("#editpostpanel");if (!panel) return;
    const wrap = document.createElement("div");wrap.className = "zitatPreviewBox"; panel.after(wrap);
    const card = document.createElement("div");card.className = "card mb-3";card.innerHTML = '<div class="card-header" id="zhead" style="cursor:pointer"><h5 class="card-title">Zitate einfügen <span style="float:right;" class="xob xob-angle-down"></span></h5></div><div class="card-body nocardfooter" id="zbody" style="display:none"></div>';wrap.appendChild(card);
    const head = card.querySelector("#zhead");
    const body = card.querySelector("#zbody");
    const icon  = head.querySelector("span"); 
    
    head.onclick = () => {const open = body.style.display === "none";body.style.display = open ? "block" : "none";icon.className = open ? "xob xob-angle-up" : "xob xob-angle-down";};
    relevant.forEach(p => {
      const tmp = document.createElement("div");tmp.innerHTML = p.html.replace(/id="/g,'data-id="').replace(/#/g, "#").replace(/\uFFFD/g, "");
      // Unerwünschte Elemente entfernen
      tmp.querySelectorAll(".xnonquoteable").forEach(el => el.remove());
      const left  = tmp.querySelector(".message_leftcol");const right = tmp.querySelector(".message_rightcol");if (!left || !right) return;
      const info = document.createElement("div"); info.className = "replypostinfo mb-2";
      const nr = p.postNr || "?";info.innerHTML ='<span class="badge badge-dark">#'+nr+'</span><span class="quotelink float-right clickable"><span class="xob-quote"></span></span>'; right.prepend(info);
      const row = document.createElement("div"); row.className = "row";row.append(left, right);body.append(row);
      const divider = document.createElement("div");divider.className = "divider_h";body.append(divider);
      
      info.querySelector(".quotelink").onclick = () => {
        const clone  = right.cloneNode(true);clone.querySelector(".replypostinfo")?.remove();
        const source = clone.querySelector(".message_text") || clone;
        const text   = toBB(source.innerHTML || "");
        const user   = p.userLink ? `[url=${p.userLink}]${p.user}[/url]` : p.user;
        const link   = `t${tid}f${fid}-x.html#msg${p.msgIdGlobal}`;
        const q = `[quote=${user} im [url=/${link}]Beitrag #${nr}[/url]]${text}[/quote]\n\n`;
        const s = ta.selectionStart, e = ta.selectionEnd;ta.value = ta.value.slice(0,s) + q + ta.value.slice(e);ta.selectionStart = ta.selectionEnd = s + q.length;ta.focus();
      };
    });
  } 
</script>
 

<script>
  // THREAD-LOADER - Liest Beiträge aus und speichert sie im Session-Cache des Browsers
  (async () => {
    const clean = location.href.replace(/#msg\d+$/, "");const base  = clean.replace(/-\d+\.html$/, ".html");
    let max = 1;const m = clean.match(/-(\d+)\.html$/);if (m) max = +m[1] + 1; document.querySelectorAll(".fpages a, .fpages b").forEach(el => {const n = +el.textContent.trim();if (n > max) max = n;});
    const pages = await Promise.all(Array.from({length: max}, (_, i) => fetch(i ? base.replace(".html", `-${i}.html`) : base).then(r => r.text()).catch(_ => ""))); const all = [];
    pages.forEach(html => {
        const dom = new DOMParser().parseFromString(html, "text/html");
        [...dom.querySelectorAll("[id^='post']")].filter(p => /^post_?\d+$/.test(p.id)).forEach(p => {
            const box = p.cloneNode(true);
            const user = (box.querySelector(".messageUser strong,.muser .userlink")?.textContent.trim()) || "Unbekannt";
            const userLink = box.querySelector(".messageUser a,.muser .userlink")?.href || null;let local = null;
            const a = box.querySelector("a[href*='msg.php']");if (a) {const ml = a.href.match(/msg=(\d+)/);if (ml) local = +ml[1];}if (!local) {const e = box.querySelector(".edit_action[onclick*='msg=']");const ml = e?.getAttribute("onclick")?.match(/msg=(\d+)/);if (ml) local = +ml[1];} let global = null;
              const g = box.querySelector("a[name^='msg'], a[href*='#msg']");if (g) {const mg = (g.name || g.href).match(/msg(\d+)/);if (mg) global = +mg[1];} if (!global) return;let nr = null;
              const nrEl = box.querySelector(".card-header a[href^='#msg'] strong") || box.querySelector(".card-header a[href^='#msg']"); if (nrEl) nr = +nrEl.textContent.replace("#", "").trim();if (!nr) {const idm = p.id.match(/^post_?(\d+)$/);if (idm) nr = +idm[1];}
              all.push({msgIdGlobal: global,msgIdLocal: local,postNr: nr,user,userLink,html: box.outerHTML});
        });
    });
    if (!all.length) return; all.sort((a, b) => a.msgIdGlobal - b.msgIdGlobal); sessionStorage.setItem("threadPostsMap", JSON.stringify(all));
  })();
  document.querySelectorAll("hr + hr").forEach(hr=>{hr.style.display = "none"; if (hr.previousElementSibling) {hr.previousElementSibling.style.display = "none";}});
</script>
 

<style>
/* Allgemein */
.zitatPreviewBox {margin:16px auto;}
.zitatPreviewBox img, .zitatPreviewBox .mtext img, .mtext blockquote img {max-width:300px; width: auto !important;}
.zitatPreviewBox .box{display:flex;flex-direction:column;margin:20px 0;background:#fafafa;}
.zitatPreviewBox button{background:#d3d3d3;color:#383870;font-size:14px;align-self:flex-end; padding:2px 8px;border:1px solid #bbb;border-radius:4px;cursor:pointer;}
.zitatPreviewBox button:hover{background:#e6e6e6;}
.zitatPreviewBox .information, .zitatPreviewBox .speak_div, .mtitle, .postratings, .messageinformation, .messageinformation_toggler, tr > td.reply, .mbt .divider_h:last-child {display:none !important;}
/* V6 */
.mbt .zitatPreviewBox{margin-top:20px; padding:0 !important;}
.mbt .zitatPreviewBox .message_rightcol, .mbt .zitatPreviewBox .replyposttext{background:#fafafa;padding:10px;margin-bottom:20px;border-radius:6px;border:1px solid #ddd;}
.mbt .zitatPreviewBox .replypostinfo{margin-bottom:8px;}
.mbt .zitatPreviewBox .row{margin:0;}
.mbt .zitatPreviewBox .card-title{display:block!important;}
.mbt .zitatPreviewBox .card-header{background:#e1e3ee!important;}
.mbt .divider_h{border-bottom:1px solid #ccc;margin:10px 0;}
/* Zitate Vorschau */  
blockquote font a {padding:0 !important;}
blockquote font a:first-child{color:#e6ab15 !important;}
blockquote font ~ img {max-width: 600px !important;}
</style>
 
 
<script>
// ==========================================================
// Start mit kleiner Verzögerung (300 ms)
// ==========================================================
document.addEventListener("DOMContentLoaded", () => {
    //document.querySelectorAll("hr + hr").forEach(hr=>{hr.style.display="none";hr.previousElementSibling?.style.display="none";});
  setTimeout(() => {
    const raw = sessionStorage.getItem("threadPostsMap"); if (!raw) return;
    const posts = JSON.parse(raw); if (!posts.length) return;
    const params = new URLSearchParams(location.search);
    const localMsgId = parseInt(params.get("msg") || "0", 10);
    const current = posts.find(p => p.msgIdLocal === localMsgId) || posts[posts.length - 1]; if (!current) return;
 
    // Letzte 10 Beiträge vor dem aktuellen Beitrag
    let relevant = posts.filter(p => p.msgIdGlobal < current.msgIdGlobal); relevant = relevant.slice(-10).reverse(); if (!relevant.length) return;
    // Editor Textarea (V4, V6)
    const ta144 = document.querySelector("#metext"); const ta177 = document.querySelector("#messagetext");if (ta144) run144(ta144, relevant); else if (ta177) run177(ta177, relevant);
  }, 300);
  document.querySelectorAll("blockquote").forEach(bq=>{bq.innerHTML = bq.innerHTML.replace(new RegExp("\\[code][\\s\\S]*?\\[/code]", "gi"), "[…]");});
  document.querySelectorAll("blockquote").forEach(bq =>{bq.innerHTML = bq.innerHTML.replace(/\[code\][\s\S]*?\[\/code\]/gi,"&#10214;...&#10215;");});
  document.querySelectorAll("hr + hr").forEach(hr=>{hr.style.display = "none"; if (hr.previousElementSibling) {hr.previousElementSibling.style.display = "none";}});
});
 
// ==========================================================
// Template 144 (Business / V4)
// ==========================================================
function run144(ta, relevant){
  const msgBox = document.querySelector(".page_msg .spacer20"); if (!msgBox) return;
  const box = document.createElement("div"); box.className = "zitatPreviewBox"; msgBox.appendChild(box);
  
  relevant.forEach(p => {
    const wrap = document.createElement("div");wrap.innerHTML = p.html.replace(/#/g, "#").replace(/\uFFFD/g, "");
    const post = wrap.firstElementChild; if (!post) return;
    const btn = document.createElement("button"); btn.innerHTML = "&#10077; Diesen Beitrag zitieren";
  
    btn.onclick = () => {const q = `[quote=|p${p.msgIdGlobal}][/quote]\n`; const s = ta.selectionStart || 0; ta.value = ta.value.slice(0,s) + q + ta.value.slice(s); ta.selectionStart = ta.selectionEnd = s + q.length; ta.focus();}; post.appendChild(btn); box.appendChild(post);
  });
}
 
// ==========================================================
// Template 177 (Bootstrap / V6)
// ==========================================================
function run177(ta, relevant){
  const panel = document.querySelector("#editpostpanel"); if (!panel) return;
  const wrap = document.createElement("div"); wrap.className = "zitatPreviewBox"; panel.after(wrap);
  const card = document.createElement("div"); card.className = "card mb-3"; card.innerHTML = '<div class="card-header" id="zhead" style="cursor:pointer"><h5 class="card-title">Zitate einfügen <span style="float:right;" class="xob xob-angle-down"></span></h5></div><div class="card-body nocardfooter" id="zbody" style="display:none"></div>'; wrap.appendChild(card);
  const head = card.querySelector("#zhead");
  const body = card.querySelector("#zbody");
  const icon = head.querySelector("span");
 
  head.onclick = () => {const open = body.style.display === "none"; body.style.display = open ? "block" : "none"; icon.className = open ? "xob xob-angle-up" : "xob xob-angle-down";};
  relevant.forEach(p => {
    const tmp = document.createElement("div"); tmp.innerHTML = p.html.replace(/id="/g,'data-id="').replace(/#/g, "#").replace(/\uFFFD/g, "");
    const left  = tmp.querySelector(".message_leftcol");
    const right = tmp.querySelector(".message_rightcol"); if (!left || !right) return;
    const nr = p.postNr || "?";
    const info = document.createElement("div"); info.className = "replypostinfo mb-2"; info.innerHTML = '<span class="badge badge-dark">#'+nr+'</span><span class="quotelink float-right clickable"><span class="xob-quote"></span></span>'; right.prepend(info);
    const row = document.createElement("div"); row.className = "row"; row.append(left, right); body.append(row);
    const divider = document.createElement("div"); divider.className = "divider_h"; body.append(divider);
 
    info.querySelector(".quotelink").onclick = () => {const q = `[quote=|p${p.msgIdGlobal}][/quote]\n`; const s = ta.selectionStart || 0; ta.value = ta.value.slice(0,s) + q + ta.value.slice(s); ta.selectionStart = ta.selectionEnd = s + q.length; ta.focus();};
  });
}
</script>