Sansin Selector

const chartData = { "Classic 1·2·3": { coverage: "150-350 sq ft/gal" }, "ENS": { coverage: "200-400 sq ft/gal" }, "SDF": { coverage: "100-200 sq ft/gal" }, "DEC": { coverage: "200-300 sq ft/gal" }, "Foundation": { coverage: "200-400 sq ft/gal" }, "Purity Stain": { coverage: "300-600 sq ft/gal" }, "Purity Clear": { coverage: "400-600 sq ft/gal" }, "Purity Floor": { coverage: "400-600 sq ft/gal" }, "Timber-Tec T-40": { coverage: "200-400 sq ft/gal" }, "Timber-Tec M-30": { coverage: "200-400 sq ft/gal" }, "Timber-Tec C-20": { coverage: "200-400 sq ft/gal" }, "Seal’n Hide": { coverage: "Spot Application" }, "End Seal": { coverage: "200-400 sq ft/gal" } };

const chartDescriptions = { "Classic 1·2·3": { perfectFor: "Log Homes, Timber Frames", maintainWith: "Classic 3 or Topcoat", applyWith: "Brush, Spray", dryTime: "4-6 hrs", description: "A breathable penetrating three-coat system for log homes and timbers.", whyUse: "Offers deep protection, ideal for traditional log aesthetics." }, "ENS": { perfectFor: "Siding, Decks, Premium Logs", maintainWith: "ENS or Clear", applyWith: "Brush, Spray", dryTime: "2-4 hrs", description: "A tough, durable exterior wood finish available in satin or gloss.", whyUse: "More durable than SDF, better color retention than oil-based systems." }, "SDF": { perfectFor: "Siding, Logs, Decks, Fences", maintainWith: "SDF or Topcoat", applyWith: "Brush, Spray", dryTime: "24 hrs", description: "A one-coat water-borne finish ideal for easy maintenance.", whyUse: "Simpler to apply and maintain than multi-coat systems." }, "DEC": { perfectFor: "Decks, Docks, Heavy-Use Surfaces", maintainWith: "DEC or Topcoat", applyWith: "Brush, Roller", dryTime: "24 hrs", description: "Designed for abrasion resistance and superior water repellency.", whyUse: "Best for horizontal or high-traffic surfaces like decks." }, "Foundation": { perfectFor: "Logs, Timber, Weathered Wood", maintainWith: "Classic, SDF, ENS", applyWith: "Brush, Spray", dryTime: "3-5 hrs", description: "Pre-treatment that conditions wood for optimal finish absorption.", whyUse: "Use before applying stain for longer-lasting results." }, "Purity Stain": { perfectFor: "Interior Logs, Furniture", maintainWith: "Purity Clear or Floor", applyWith: "Brush, Cloth", dryTime: "2-4 hrs", description: "Non-toxic, low-VOC interior stain available in beautiful colors.", whyUse: "Great for interiors, safe and easy to apply with rich tone." }, "Purity Clear": { perfectFor: "Interior Logs, Trim, Ceilings", maintainWith: "Purity Clear", applyWith: "Brush, Spray", dryTime: "2-4 hrs", description: "Clear topcoat designed to protect and enhance interior wood.", whyUse: "Used over Purity Stain for added durability and sheen." }, "Purity Floor": { perfectFor: "Wood Floors in Log Homes", maintainWith: "Purity Floor", applyWith: "Brush, Roller", dryTime: "3-5 hrs", description: "High-wear, non-toxic floor finish for interior use.", whyUse: "Best for wood floors requiring a tough, low-VOC finish." }, "Timber-Tec T-40": { perfectFor: "Logs in Construction (Ready-to-Use)", maintainWith: "Classic, SDF, or ENS", applyWith: "Brush, Spray", dryTime: "2-4 hrs", description: "Protective coating for exposed logs during construction.", whyUse: "No dilution required. Quick and easy protection." }, "Timber-Tec M-30": { perfectFor: "Logs in Construction (UV Protection)", maintainWith: "Classic, SDF, or ENS", applyWith: "Brush, Spray", dryTime: "2-4 hrs", description: "Mid-level UV protection for exposed timbers.", whyUse: "Stronger than C-20, easier to remove than stains." }, "Timber-Tec C-20": { perfectFor: "Logs in Construction (Short-Term)", maintainWith: "Classic, SDF, or ENS", applyWith: "Brush, Spray", dryTime: "2-4 hrs", description: "Basic construction-phase protection.", whyUse: "Cost-effective for projects that will be finished quickly." }, "End Seal": { perfectFor: "Log Ends, Sawn Lumber", maintainWith: "Recoat as Needed", applyWith: "Brush", dryTime: "2-4 hrs", description: "Protects cut ends from checking and water intrusion.", whyUse: "Essential for exposed log ends — helps prevent moisture entry." } };

document.addEventListener("DOMContentLoaded", function () { const projectSelect = document.getElementById("projectSelect"); const chart = document.getElementById("productChart"); const recommendation = document.getElementById("recommendation");

projectSelect.addEventListener("change", function () { const project = this.value; chart.innerHTML = `

`; recommendation.innerHTML = `

We recommend the following products for your project:

`;

if (!projectMap[project]) return;

projectMap[project].forEach(prod => { const data = chartDescriptions[prod]; const base = chartData[prod]; chart.innerHTML += `

`; recommendation.innerHTML += `

`; }); }); });