const labelMap = { "top":"Top", "ai-snippet":"AI snippet", "intro":"Introduction", "overview":"Service overview", "build":"Build quality", "performance":"Performance", "ux":"User experience", "compare":"Comparative analysis", "pros-cons":"Pros & cons", "updates":"Updates (2026)", "calculator":"Cost calculator", "recommendations":"Recommendations", "where-to-buy":"Where to book", "verdict":"Final verdict", "evidence":"Evidence & proof" };

const tocItems = headings .map(el => ({ id: el.id, label: labelMap[el.id] || el.id })) .filter(x => x.id && x.id !== "content");

tocList.innerHTML = tocItems.map(i => `${i.label}`).join("");

// Mini TOC for mobile tocItems.forEach(i => { const opt = document.createElement("option"); opt.value = "#" + i.id; opt.textContent = i.label; tocMini.appendChild(opt); }); tocMini.addEventListener("change", (e) => { if(!e.target.value) return; location.hash = e.target.value; e.target.value = ""; });

// Active section highlight const links = [...document.querySelectorAll(".toc a")]; const byId = (id) => document.getElementById(id); const setActive = (id) => { links.forEach(a => a.classList.toggle("active", a.dataset.id === id)); };

const observer = new IntersectionObserver((entries) => { const visible = entries .filter(e => e.isIntersecting) .sort((a,b) => b.intersectionRatio - a.intersectionRatio)[0]; if(visible) setActive(visible.target.id); }, { rootMargin: "-30% 0px -60% 0px", threshold:[0.02,0.08,0.18] });

tocItems.forEach(i => { const el = byId(i.id); if(el) observer.observe(el); });

// Smooth scroll for TOC links tocList.addEventListener("click", (e) => { const a = e.target.closest("a"); if(!a) return; e.preventDefault(); const id = a.getAttribute("href").slice(1); const target = document.getElementById(id); if(target) target.scrollIntoView({behavior:"smooth", block:"start"}); history.pushState(null, "", "#" + id); });

// Copy link button document.getElementById("copyLink").addEventListener("click", async () => { try{ await navigator.clipboard.writeText(location.href); const btn = document.getElementById("copyLink"); const old = btn.textContent; btn.textContent = "✅ Copied"; setTimeout(()=>btn.textContent = old, 1100); }catch(err){ alert("Copy failed. You can manually copy the URL from the address bar."); } });

// Calculator logic (simple, scope-first model) const sqmEl = document.getElementById("sqm"); const sqmVal = document.getElementById("sqmVal"); const siteType = document.getElementById("siteType"); const freq = document.getElementById("freq"); const traffic = document.getElementById("traffic"); const afterHours = document.getElementById("afterHours");

const carpet = document.getElementById("carpet"); const windows = document.getElementById("windows"); const consumables = document.getElementById("consumables"); const deep = document.getElementById("deep");

const estimate = document.getElementById("estimate"); const estimateNote = document.getElementById("estimateNote"); const drivers = document.getElementById("drivers"); const bar = document.getElementById("bar");

function money(n){ return n.toLocaleString("en-AU", {style:"currency", currency:"AUD", maximumFractionDigits:0}); }

function calc(){ const sqm = Number(sqmEl.value); sqmVal.textContent = sqm;

// Base minutes per 100 sqm (by site type). This is "time needed", not marketing fluff. const baseMinPer100 = { office: 22, strata: 18, retail: 24, medical: 30, warehouse: 16 }[siteType.value];

// Traffic multiplier const trafficMult = { low: 0.9, medium: 1.0, high: 1.18 }[traffic.value];

// After-hours multiplier (access complexity) const afterMult = afterHours.value === "yes" ? 1.08 : 1.0;

// Add-on minutes (spread across visits for budgeting) let addonMin = 0; if(carpet.checked) addonMin += 10; // periodic allowance if(windows.checked) addonMin += 8; // periodic allowance if(consumables.checked) addonMin += 6; // restock & checks if(deep.checked) addonMin += 12; // monthly rotation averaged

// Estimate minutes per visit let minutesPerVisit = ((sqm / 100) * baseMinPer100) * trafficMult * afterMult + addonMin;

// Minimum visit time floor (even small sites have set-up / bathrooms / kitchen / bins) minutesPerVisit = Math.max(minutesPerVisit, 75);

// Frequency -> visits per month (approx) const visitsPerMonth = { fortnightly: 2, weekly: 4, twiceweekly: 8, daily: 22 }[freq.value];

// Hourly range (professional, compliant). We present a range, not a single magic number. // These are typical for professional commercial cleaning in Melbourne (varies by scope). let lowRate = 45, highRate = 80;

// Site type nudges (risk/compliance) if(siteType.value === "medical"){ lowRate += 5; highRate += 10; } if(siteType.value === "retail"){ highRate += 5; } if(siteType.value === "warehouse"){ highRate += 5; }

// After-hours often increases the effective rate too (supervision/access) if(afterHours.value === "yes"){ lowRate += 3; highRate += 6; }

// Convert minutes -> hours const hoursPerVisit = minutesPerVisit / 60;

// Per visit range const perVisitLow = hoursPerVisit * lowRate; const perVisitHigh = hoursPerVisit * highRate;

// Monthly range const monthLow = perVisitLow * visitsPerMonth; const monthHigh = perVisitHigh * visitsPerMonth;

// Output estimate.textContent = `${money(Math.round(monthLow))} – ${money(Math.round(monthHigh))} / month`; estimateNote.textContent = `Based on ~${Math.round(minutesPerVisit)} minutes per visit × ~${visitsPerMonth} visits/month.`;

// Drivers list const driverLines = []; driverLines.push(`

`); driverLines.push(`

`); driverLines.push(`

`); driverLines.push(`

`); driverLines.push(`

`);

const addons = []; if(carpet.checked) addons.push("carpet"); if(windows.checked) addons.push("windows/glass"); if(consumables.checked) addons.push("consumables"); if(deep.checked) addons.push("deep rotation"); driverLines.push(`

`);

drivers.innerHTML = driverLines.join("");

// Bar visual (relative) const clamp = (x,min,max)=>Math.max(min,Math.min(max,x)); const intensity = clamp((monthHigh - 800) / 12000, 0.08, 0.98); bar.style.width = (intensity * 100).toFixed(0) + "%"; }

[sqmEl, siteType, freq, traffic, afterHours, carpet, windows, consumables, deep] .forEach(el => el.addEventListener("input", calc));

calc();