with a comment where its content belongs, so everything inside it is ours to build. Two defects in the stored CSS are corrected here rather than in dealer_design_pages, so every tenant gets the fix on import: - .refine-panel.mobile-instance is given max-height:none;height:100% inside a fixed-height flex column with no overflow anywhere, so a panel taller than the screen ran off the bottom of the drawer and took the Apply button with it. - .filter-drawer uses 100vh, which on mobile Safari excludes browser chrome and puts the bottom of the panel under the address bar. min-height:0 is not optional: a flex item defaults to min-height:auto and refuses to shrink below its content, which would defeat overflow. */ clone.style.overflowY='auto'; clone.style.flex='1 1 auto'; clone.style.minHeight='0'; try{ if(window.CSS&&CSS.supports&&CSS.supports('height','100dvh')) drawer.style.height='100dvh'; }catch(e){} /* The drawer shipped with no close control -- the control that opened it was the only way back out, and at full screen it is covered. Flex keeps this header out of the scroll container; position:sticky is belt-and- braces for a tenant whose CSS lacks the flex column. Either way a longer panel at another dealer cannot scroll it out of reach. */ var dh=document.createElement('div'); dh.setAttribute('style','position:sticky;top:0;z-index:2;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:#fff;border-bottom:1px solid #e5e7eb;'); dh.innerHTML='Filters'; drawer.insertBefore(dh,clone); dh.querySelector('[data-rv-drawer-close]').addEventListener('click',function(e){ e.preventDefault(); closeDrawer(); }); } var panels=[].slice.call(document.querySelectorAll('.refine-panel, .refine, [data-filter-body]')); /* ---- scroll preservation ---- The page scrolls on filter click for reasons that were never pinned down (four theories, all disproved). Rather than fix a cause, capture the position before the DOM changes and put it back after. Two things v41 got wrong and this fixes: - it armed only inside '.refine', which does not exist. Arm globally; the deliberate scrolls (pagination, Apply) clear the lock themselves. - html{scroll-behavior:smooth} turns the jump into a ~119-frame animation that outlives a single restore. Pin scroll-behavior to 'auto' for the duration, then re-assert across three frames. */ var scrollLock=null, sbPrev=null, lockTimer=null; function curY(){ var de=document.documentElement; return window.pageYOffset||(de&&de.scrollTop)||0; } function releaseSB(){ var de=document.documentElement; if(de&&de.style&&sbPrev!==null){ de.style.scrollBehavior=sbPrev; sbPrev=null; } } function lockScroll(){ if(scrollLock===null){ scrollLock=curY(); var de=document.documentElement; if(de&&de.style){ sbPrev=de.style.scrollBehavior||''; de.style.scrollBehavior='auto'; } } if(lockTimer)clearTimeout(lockTimer); /* if no apply() follows this click, do not leave scroll-behavior pinned */ lockTimer=setTimeout(function(){ scrollLock=null; releaseSB(); },500); } function unlockScroll(){ if(lockTimer){ clearTimeout(lockTimer); lockTimer=null; } if(scrollLock===null){ releaseSB(); return; } var y=scrollLock; scrollLock=null; var de=document.documentElement; var sh=de?de.scrollHeight:0, ih=window.innerHeight||0; if(sh>0&&ih>0){ var max=Math.max(0,sh-ih); if(y>max)y=max; } var tries=0; (function reassert(){ if(Math.abs(curY()-y)>1){ try{ window.scrollTo(0,y); }catch(e){} } if(++tries<3){ afterPaint(reassert); } else { releaseSB(); } })(); } function armScroll(){ lockScroll(); } document.addEventListener('mousedown',armScroll,true); document.addEventListener('pointerdown',armScroll,true); document.addEventListener('keydown',function(e){ if(e&&(e.key===' '||e.key==='Enter'||e.key==='Spacebar'))armScroll(); },true); function afterPaint(fn){ var raf=window.requestAnimationFrame; if(raf)raf(fn); else setTimeout(fn,0); } function S(s){return (s||'').toString().toLowerCase().replace(/[^a-z0-9]+/g,' ').replace(/^ | $/g,'');} var ALIAS={'cpo':'certified preowned','certified pre owned':'certified preowned','pop up camper':'popup','pop up':'popup','popup camper':'popup','class a motorhome':'class a','class b motorhome':'class b','class c motorhome':'class c'}; function norm(v){var s=S(v);return ALIAS[s]||s;} function num(c,a){var v=parseFloat(c.getAttribute(a));return isFinite(v)?v:0;} /* rawNum distinguishes "absent" from "zero" -- data-slides is '' when the spec is missing and '0' when the unit genuinely has no slides. */ function rawNum(c,a){var s=c.getAttribute(a); if(s===null||s==='')return null; var v=parseFloat(s); return isFinite(v)?v:null;} function esc(s){return (s||'').toString().replace(/[<>&"]/g,function(c){return c==='<'?'<':c==='>'?'>':c==='&'?'&':'"';});} /* ---- free-text search ---- Substring over a joined haystack, deliberately unlike fieldMatch's whole-value rule: a shopper types a fragment ('265MWS'), not a whole field value. Compared in both spaced and despaced forms so '265MWS', '265 mws' and '265-mws' all reach the same unit. A card with no stock number simply has less haystack -- absent never matches everything, the same way fieldMatch treats an empty attribute. */ var searchQ=''; function despace(s){return (s||'').replace(/ /g,'');} function hay(card){ var h=card.getAttribute('data-rv-hay'); if(h===null){ h=S([card.getAttribute('data-year'),card.getAttribute('data-make'), card.getAttribute('data-model'),card.getAttribute('data-trim'), card.getAttribute('data-stock')].filter(Boolean).join(' ')); card.setAttribute('data-rv-hay',h); } return h; } function searchMatch(card){ if(!searchQ)return true; var h=hay(card); if(h.indexOf(searchQ)>=0)return true; return despace(h).indexOf(despace(searchQ))>=0; } /* filter group name -> card attribute suffix, where they differ */ var ATTR={brand:'make',length:'len'}; function attrOf(n){return 'data-'+(ATTR[n]||n);} /* de-duped: the same checkbox exists in both the desktop panel and the drawer clone, so a single selection would otherwise count twice */ function checked(name){var out=[];document.querySelectorAll('input[data-filter="'+name+'"]:checked').forEach(function(i){if(out.indexOf(i.value)<0)out.push(i.value);});return out;} /* ---- brand list: markup ships an empty container, build it from inventory ---- */ var CHK=''; var blists=[].slice.call(document.querySelectorAll('[data-brand-list]')); if(blists.length){ var mk={}; cards.forEach(function(c){var m=(c.getAttribute('data-make')||'').trim(); if(m)mk[m]=(mk[m]||0)+1;}); var mkeys=Object.keys(mk).sort(function(a,b){return a.localeCompare(b);}); if(mkeys.length){ var bh=''; mkeys.forEach(function(m){ bh+=''+CHK+''+esc(m)+''+mk[m]+''; }); blists.forEach(function(bl){ bl.innerHTML=bh; }); } } var bsearches=[].slice.call(document.querySelectorAll('[data-brand-search]')); function filterBrands(q){ blists.forEach(function(bl){ bl.querySelectorAll('.check-item').forEach(function(it){ it.style.display=(!q||S(it.textContent).indexOf(q)>=0)?'':'none'; }); }); } bsearches.forEach(function(bs){ bs.addEventListener('input',function(){ bsearches.forEach(function(o){ if(o!==bs&&o.value!==bs.value)o.value=bs.value; }); filterBrands(S(bs.value)); }); }); /* ---- search wiring ---- The input exists twice (desktop panel + drawer clone); mirror by value so the copies can never disagree. Debounced so a fast typist does not force a full facet pass per keystroke. scrollLock is cleared because the keydown handler arms it on every key -- without this, typing fights the scroll restore. */ var rsearches=[].slice.call(document.querySelectorAll('[data-rv-search]')); var searchTimer=null; rsearches.forEach(function(si){ si.addEventListener('input',function(){ rsearches.forEach(function(o){ if(o!==si&&o.value!==si.value)o.value=si.value; }); searchQ=S(si.value); if(searchTimer)clearTimeout(searchTimer); searchTimer=setTimeout(function(){ scrollLock=null; page=1; apply(); },120); }); }); /* ---- features: rebuild the checkbox list from the canonical set ---- The export shipped eight designer-invented options that match no data. The real list is nine floorplan layouts, emitted onto the grid by InventoryListSlot from src/lib/rv-features.ts so it lives in one place. */ var featLabels=(grid.getAttribute('data-rv-features')||'').split('|').map(function(s){return s.trim();}).filter(Boolean); var featGroups=[], featLists=[]; function addFeatTarget(g){ if(!g||featGroups.indexOf(g)>=0)return; var cl=g.querySelector('.check-list')||g.querySelector('.filter-body'); if(!cl)return; featGroups.push(g); featLists.push(cl); } /* anchor on the group's count badge first: it survives even if the placeholder checkboxes are ever dropped from the export */ document.querySelectorAll('.count-badge[data-count="features"]').forEach(function(b){ addFeatTarget(b.closest?b.closest('.filter-group'):null); }); document.querySelectorAll('input[data-filter="features"]').forEach(function(i){ addFeatTarget(i.closest?i.closest('.filter-group'):null); }); if(featLabels.length&&featLists.length){ var fh=''; featLabels.forEach(function(f){ fh+=''+CHK+''+esc(f)+'0'; }); /* containers are collected before any rewrite: replacing innerHTML detaches the nodes a live NodeList would still point at */ featLists.forEach(function(cl){ cl.innerHTML=fh; }); } /* nothing carries a feature yet -- hide the group rather than offer nine options every one of which returns "No results" */ var anyFeat=false; cards.forEach(function(c){ var v=c.getAttribute('data-features'); if(v&&v.replace(/\|/g,'').trim())anyFeat=true; }); featGroups.forEach(function(g){ g.style.display=anyFeat?'':'none'; }); /* ---- checkbox groups (collected AFTER brand injection) ---- */ var groupNames=[]; document.querySelectorAll('input[data-filter]').forEach(function(i){var n=i.getAttribute('data-filter');if(n&&groupNames.indexOf(n)<0)groupNames.push(n);}); /* ---- pill groups: sleeps = at-least, slides = exact with N+ top chip ---- */ var pillSel={}; document.querySelectorAll('.pill-row[data-pills]').forEach(function(row){ var name=row.getAttribute('data-pills'); pillSel[name]=[]; var opts=[].slice.call(row.querySelectorAll('.pill-opt')); var top=null; opts.forEach(function(b){var v=parseFloat(b.getAttribute('data-value')); if(isFinite(v)&&(top===null||v>top))top=v;}); row.setAttribute('data-top',String(top===null?0:top)); opts.forEach(function(b){ b.setAttribute('type','button'); b.setAttribute('aria-pressed','false'); b.addEventListener('click',function(e){ e.preventDefault(); var v=b.getAttribute('data-value'); var arr=pillSel[name], i=arr.indexOf(v), on=(i<0); if(on)arr.push(v); else arr.splice(i,1); /* mirror to the same chip in the other copy of the panel; the export's CSS may key the selected state off any of these */ document.querySelectorAll('.pill-row[data-pills="'+name+'"] .pill-opt[data-value="'+v+'"]').forEach(function(o){ ['on','active','selected'].forEach(function(cl){o.classList.toggle(cl,on);}); o.setAttribute('aria-pressed',on?'true':'false'); }); page=1; apply(); }); }); }); function pillMatch(card,name,vals){ if(!vals.length)return true; var v=rawNum(card,attrOf(name)); if(v===null)return false; var row=document.querySelector('.pill-row[data-pills="'+name+'"]'); var top=row?parseFloat(row.getAttribute('data-top')):NaN; for(var i=0;i=t)return true; } else if(isFinite(top)&&t>=top){ if(v>=t)return true; } else if(v===t)return true; } return false; } /* ---- range sliders: one config per .range-control[data-range] ---- */ var FMT={ price:function(n){return '$'+Math.round(n).toLocaleString();}, length:function(n){return Math.round(n)+' ft';}, weight:function(n){return Math.round(n).toLocaleString()+' lbs';} }; var ranges=[]; document.querySelectorAll('.range-control[data-range]').forEach(function(rc){ var name=rc.getAttribute('data-range'); var attr=attrOf(name); var rMin=rc.querySelector('.range-min'), rMax=rc.querySelector('.range-max'), rFill=rc.querySelector('.range-fill'); if(!rMin||!rMax)return; var box=(rc.closest?rc.closest('.filter-group'):null)||rc.parentNode||rc; var nMin=box.querySelector('.range-num-min'), nMax=box.querySelector('.range-num-max'); var step=parseInt(rc.getAttribute('data-step'),10)||1; var dMin=parseInt(rc.getAttribute('data-min'),10), dMax=parseInt(rc.getAttribute('data-max'),10); /* bounds come from live inventory; the markup's data-min/max are only a fallback */ var vals=[]; cards.forEach(function(c){var v=rawNum(c,attr); if(v!==null&&v>0)vals.push(v);}); var loSrc=vals.length?Math.min.apply(null,vals):(isFinite(dMin)?dMin:0); var hiSrc=vals.length?Math.max.apply(null,vals):(isFinite(dMax)?dMax:0); var lo=Math.floor(loSrc/step)*step, hi=Math.ceil(hiSrc/step)*step; if(hi<=lo)hi=lo+step; [rMin,rMax].forEach(function(r){r.min=lo;r.max=hi;r.step=step;}); rMin.value=lo; rMax.value=hi; var fmt=FMT[name]||function(n){return String(Math.round(n));}; var R={name:name,attr:attr,lo:lo,hi:hi,min:rMin,max:rMax}; /* at both bounds == unconstrained, so a page load hides nothing */ R.active=function(){return (parseFloat(rMin.value)>lo)||(parseFloat(rMax.value)b){var t=a;a=b;b=t;} var span=(hi-lo)||1; if(rFill){rFill.style.left=((a-lo)/span*100)+'%';rFill.style.right=((hi-b)/span*100)+'%';} if(nMin)nMin.value=fmt(a); if(nMax)nMax.value=fmt(b); }; R.reset=function(){rMin.value=lo;rMax.value=hi;R.paint();}; R.mirror=function(a,b){rMin.value=a;rMax.value=b;R.paint();}; function onR(e){ var a=parseFloat(rMin.value),b=parseFloat(rMax.value); if(e&&e.target===rMin&&a>b)rMin.value=String(b); if(e&&e.target===rMax&&b=a&&v<=b; } /* ---- year selects ---- */ var years=[]; cards.forEach(function(c){var y=num(c,'data-year'); if(y)years.push(y);}); function fillYears(sel,asc){ if(!sel)return; var uniq=[]; years.forEach(function(y){if(uniq.indexOf(y)<0)uniq.push(y);}); uniq.sort(function(a,b){return a-b;}); if(!asc)uniq.reverse(); var html=''; uniq.forEach(function(y){html+='';}); sel.innerHTML=html; } var yFroms=[].slice.call(document.querySelectorAll('[data-year="from"]')); var yTos=[].slice.call(document.querySelectorAll('[data-year="to"]')); yFroms.forEach(function(s){fillYears(s,true);}); yTos.forEach(function(s){fillYears(s,false);}); var yFrom=yFroms[0]||null, yTo=yTos[0]||null; /* ---- matching ---- */ function fieldMatch(card,name,vals){ if(!vals.length)return true; var raw=card.getAttribute(attrOf(name)); if(raw===null||raw==='')return false; /* multi-valued attributes (features) are pipe-joined. Compare whole values, never a flattened string -- flattening let one option match another across a word boundary. */ var parts=String(raw).split('|').map(function(x){return S(x);}).filter(Boolean); if(!parts.length)return false; /* single-valued attributes keep the old token-containment behaviour so multi-word type/condition values still match */ var loose=(parts.length===1&&name!=='features'); for(var i=0;i=0)return true; } } return false; } function passesExcept(card,skip){ if(!searchMatch(card))return false; for(var gi=0;giparseInt(yTo.value,10))return false; for(var ri=0;ri=pages)); pag.innerHTML=''; pag.appendChild(frag); } var noRes=grid.querySelector('.no-results'); function showing(total){ var st=document.querySelector('.showing-text'); if(st){var strong=st.querySelector('strong'); if(strong)strong.textContent=String(total); else st.textContent='Showing '+total+' results';} } function apply(){ var pass=cards.filter(passes); pass=sortList(pass); var pages=Math.max(1,Math.ceil(pass.length/PAGE)); if(page>pages)page=pages; if(page<1)page=1; cards.forEach(function(c){c.style.display='none';}); pass.slice((page-1)*PAGE,page*PAGE).forEach(function(c){c.style.display=''; grid.appendChild(c);}); if(noRes)grid.appendChild(noRes); showing(pass.length); badges(); facets(); renderPag(pages); if(noRes)noRes.style.display=pass.length?'none':''; afterPaint(unlockScroll); } /* a control exists in both the desktop panel and the drawer clone; mirror by name+value so the two copies can never disagree */ document.querySelectorAll('input[data-filter]').forEach(function(i){ i.addEventListener('change',function(){ var nm=i.getAttribute('data-filter'), vl=i.value; document.querySelectorAll('input[data-filter="'+nm+'"]').forEach(function(o){ if(o!==i&&o.value===vl)o.checked=i.checked; }); page=1; apply(); }); }); function bindYear(list){ list.forEach(function(s){ s.addEventListener('change',function(){ list.forEach(function(o){ if(o!==s)o.value=s.value; }); page=1; apply(); }); }); } bindYear(yFroms); bindYear(yTos); /* Params InventoryListSlot filters on server-side. Unticking a client checkbox cannot undo these -- the rows were never sent -- so Clear All has to drop them from the URL or it is a dead button on any page reached from a homepage type tile or the AI search. */ var SERVER_FILTER_PARAMS=['type','condition','make','model','minPrice','maxPrice', 'minYear','maxYear','sleeps','maxWeight','minLength','maxLength','minWeight','ai']; function hasServerFilters(){ try{ var q=new URLSearchParams(window.location.search||''); for(var i=0;i=0) base=base.substring(i+1); base=base.replace(/%20/g,' ').toLowerCase().replace(/[^a-z0-9]+/g,' ').replace(/^ | $/g,''); var to=lookupRoute(base); if(!to){ var t=(a.textContent||'').trim().toLowerCase().replace(/[^a-z0-9]+/g,' ').replace(/^ | $/g,''); to=lookupRoute(t); } if(to) a.setAttribute('href',to); }); })(); /* --- VDP gallery lightbox --- */ (function(){ var stage=document.querySelector('.gallery-stage[data-gallery]'); if(!stage) return; var srcs=(stage.getAttribute('data-srcs')||'').split('|').filter(Boolean); if(!srcs.length) return; var main=stage.querySelector('#galleryMain')||stage.querySelector('.gallery-stage-img'); if(!main) return; var thumbs=document.querySelectorAll('.thumbs .thumb'); var lb=null,lbImg=null,lbNum=null,cur=0; function curIndex(){ for(var i=0;i=0) return i; } var s=main.getAttribute('src')||main.src||''; var k=srcs.indexOf(s); return k>=0?k:0; } function mkBtn(txt,pos){ var b=document.createElement('button'); b.type='button'; b.innerHTML=txt; b.setAttribute('style','position:absolute;'+pos+';background:rgba(255,255,255,.12);color:#fff;border:none;width:46px;height:46px;border-radius:50%;cursor:pointer;line-height:1;'); return b; } function build(){ lb=document.createElement('div'); lb.className='rv-lightbox'; lb.setAttribute('style','position:fixed;inset:0;z-index:9999;background:rgba(8,12,18,.94);display:none;align-items:center;justify-content:center;opacity:0;transition:opacity .18s;'); lbImg=document.createElement('img'); lbImg.setAttribute('style','max-width:92vw;max-height:86vh;object-fit:contain;border-radius:4px;box-shadow:0 10px 60px rgba(0,0,0,.5);'); var close=mkBtn('\u2715','top:18px;right:20px;font-size:24px'); var prev=mkBtn('\u2039','top:50%;left:18px;transform:translateY(-50%);font-size:40px'); var next=mkBtn('\u203A','top:50%;right:18px;transform:translateY(-50%);font-size:40px'); lbNum=document.createElement('div'); lbNum.setAttribute('style','position:absolute;bottom:20px;left:50%;transform:translateX(-50%);color:#fff;font:600 14px system-ui,sans-serif;background:rgba(0,0,0,.4);padding:5px 12px;border-radius:20px;'); lb.appendChild(lbImg); lb.appendChild(close); lb.appendChild(prev); lb.appendChild(next); lb.appendChild(lbNum); document.body.appendChild(lb); close.addEventListener('click',function(e){e.stopPropagation();hide();}); prev.addEventListener('click',function(e){e.stopPropagation();nav(cur-1);}); next.addEventListener('click',function(e){e.stopPropagation();nav(cur+1);}); lb.addEventListener('click',function(e){ if(e.target===lb) hide(); }); } function nav(n){ cur=(n+srcs.length)%srcs.length; if(lbImg)lbImg.src=srcs[cur]; if(lbNum)lbNum.textContent=(cur+1)+' / '+srcs.length; if(thumbs[cur]){ try{thumbs[cur].click();}catch(e){} } } function show(){ if(!lb)build(); cur=curIndex(); nav(cur); lb.style.display='flex'; document.body.style.overflow='hidden'; setTimeout(function(){lb.style.opacity='1';},10); } function hide(){ if(!lb)return; lb.style.opacity='0'; document.body.style.overflow=''; setTimeout(function(){lb.style.display='none';},180); } main.style.cursor='zoom-in'; main.addEventListener('click',function(e){ e.preventDefault(); show(); }); document.addEventListener('keydown',function(e){ if(!lb||lb.style.display==='none')return; if(e.key==='Escape')hide(); else if(e.key==='ArrowLeft')nav(cur-1); else if(e.key==='ArrowRight')nav(cur+1); }); })(); /* --- VDP similar-units strip: nav arrows + hide-when-empty --- */ (function(){ var sec=document.querySelector('.similar'); var track=document.querySelector('.similar-track'); if(!track || !track.querySelector('.sim-card')){ if(sec)sec.style.display='none'; return; } var prev=document.getElementById('simPrev'), next=document.getElementById('simNext'); function step(){ var c=track.querySelector('.sim-card'); var w=c?(c.offsetWidth||c.getBoundingClientRect().width||300):300; return (w+18)*1.2; } function scroll(dx){ if(track.scrollBy){ track.scrollBy({left:dx,behavior:'smooth'}); } else { track.scrollLeft+=dx; } } if(prev)prev.addEventListener('click',function(){scroll(-step());}); if(next)next.addEventListener('click',function(){scroll(step());}); })(); /* --- VDP form-gated price reveal (lead modal -> show price) --- */ (function(){ var gates=document.querySelectorAll('[data-rv-price-gate]'); if(!gates.length) return; var root=document.querySelector('.rv-site'); var dealerId=root?root.getAttribute('data-rv-dealer'):null; var money=function(n){return '$'+Math.round(+n).toLocaleString();}; var modal=null, curGate=null; function reveal(g,d){ var sale=(d&&d.salePrice), savings=(d&&d.savings), color=g.getAttribute('data-color')||''; var n=parseFloat(sale); var btn=g.querySelector('.rv-price-reveal'); if(!isFinite(n)||n<=0){ var f='Call for price'; if(btn){ btn.insertAdjacentHTML('afterend',f); btn.parentNode.removeChild(btn); } g.removeAttribute('data-rv-price-gate'); return; } var html=''+money(sale)+''; if(savings && +savings>0) html+='You save '+money(savings)+''; if(btn){ btn.insertAdjacentHTML('afterend',html); btn.parentNode.removeChild(btn); } g.removeAttribute('data-rv-price-gate'); var card=(g.closest&&g.closest('.price-card'))||document; var m=card.querySelector('[data-rv-monthly]'); if(m)m.style.display=''; } function buildModal(){ modal=document.createElement('div'); modal.className='rv-pricemodal'; modal.setAttribute('style','position:fixed;inset:0;z-index:9998;background:rgba(8,12,18,.6);display:none;align-items:center;justify-content:center;padding:20px;'); var card=document.createElement('div'); card.setAttribute('style','background:#fff;border-radius:12px;max-width:380px;width:100%;padding:26px 24px;box-shadow:0 20px 60px rgba(0,0,0,.3);font-family:system-ui,-apple-system,sans-serif;box-sizing:border-box;'); card.innerHTML='

See your price

'+ '

Enter your info and we will show the price right away.

'+ '

'+ ''+ ''+ ''+ ''; modal.appendChild(card); document.body.appendChild(modal); modal.addEventListener('click',function(e){ if(e.target===modal) closeModal(); }); card.querySelector('[data-pm-close]').addEventListener('click',closeModal); card.querySelector('[data-pm-submit]').addEventListener('click',submitModal); } function openModal(g){ if(!modal)buildModal(); curGate=g; var title=g.getAttribute('data-title')||''; var label=g.getAttribute('data-label')||'your price'; modal.querySelector('[data-pm-title]').textContent=label+(title?(' \u2014 '+title):''); modal.style.display='flex'; document.body.style.overflow='hidden'; } function closeModal(){ if(modal)modal.style.display='none'; document.body.style.overflow=''; } function val(n){ var el=modal.querySelector('[data-pm="'+n+'"]'); return el?el.value.trim():''; } function submitModal(){ if(!curGate)return; var email=val('email'), phone=val('phone'); if(!val('firstName')||!val('lastName')||!email){ alert('Please enter your name and email so we can share the price.'); return; } var btn=modal.querySelector('[data-pm-submit]'); var orig=btn.textContent; btn.disabled=true; btn.textContent='Sending\u2026'; var label=curGate.getAttribute('data-label')||'price', title=curGate.getAttribute('data-title')||''; var lid=curGate.getAttribute('data-listing'); fetch('/api/leads',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({firstName:val('firstName'),lastName:val('lastName'),email:email,phone:phone,message:'Requested '+label+(title?(' for '+title):''),dealerId:dealerId,listingId:lid})}) .then(function(r){ return r.ok?r.json():Promise.reject(); }) .then(function(){ return fetch('/api/leads/price-reveal',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({listingId:lid})}); }) .then(function(r){ return r.ok?r.json():Promise.reject(); }) .then(function(d){ reveal(curGate,d); closeModal(); btn.disabled=false; btn.textContent=orig; }) .catch(function(){ btn.disabled=false; btn.textContent=orig; alert('Sorry, something went wrong. Please give us a call.'); }); } gates.forEach(function(g){ var b=g.querySelector('.rv-price-reveal'); if(b)b.addEventListener('click',function(e){e.preventDefault();openModal(g);}); }); })(); /* --- homepage shop-by-type + finder -> VLP --- */ (function(){ /* rv-home-finder: wire Shop-by-Type tiles + Find-Your-Perfect-RV finder to /inventory */ function S(s){return (s||'').toString().toLowerCase().replace(/[^a-z0-9]+/g,' ').replace(/^ | $/g,'');} var TYPE_ENUM={'travel trailer':'travel_trailer','fifth wheel':'fifth_wheel','class a':'class_a','class b':'class_b','class c':'class_c','toy hauler':'toy_hauler','pop up camper':'popup','pop up':'popup','popup':'popup','motorhome':'class_a,class_b,class_c'}; function typeParam(raw){ var out=[]; (raw||'').split(',').forEach(function(p){ var k=S(p); if(!k)return; var e=TYPE_ENUM[k]; if(e){ e.split(',').forEach(function(x){ if(out.indexOf(x)<0)out.push(x); }); } else { var slug=k.replace(/ /g,'_'); if(out.indexOf(slug)<0)out.push(slug); } }); return out.join(','); } function go(params){ var qs=[]; for(var k in params){ var v=params[k]; if(v!==undefined&&v!==null&&v!=='') qs.push(encodeURIComponent(k)+'='+encodeURIComponent(v)); } var url='/inventory'+(qs.length?('?'+qs.join('&')):''); try{ window.dispatchEvent(new CustomEvent('rv:navigate',{detail:{url:url}})); }catch(_){} window.location.href=url; } document.querySelectorAll('.type-card').forEach(function(card){ card.addEventListener('click',function(e){ e.preventDefault(); /* data-type wins; href is a fallback and accepts ?type= or #type= */ var raw=card.getAttribute('data-type')||''; if(!raw){ var href=card.getAttribute('href')||''; var hi=href.search(/[#?]type=/); if(hi>=0){ var q=href.slice(hi+6); var amp=q.indexOf('&'); if(amp>=0)q=q.slice(0,amp); try{ raw=decodeURIComponent(q); }catch(_){ raw=q; } } } var tp=typeParam(raw); go(tp?{type:tp}:{}); }); }); var tools=document.getElementById('tools')||document.querySelector('.tools'); if(tools){ var sliderMoved=false; tools.querySelectorAll('.tab[data-tab]').forEach(function(tab){ tab.addEventListener('click',function(){ var key=tab.getAttribute('data-tab'); tools.querySelectorAll('.tab').forEach(function(t){t.classList.toggle('active',t===tab);}); tools.querySelectorAll('.tab-panel').forEach(function(p){p.classList.toggle('active',p.getAttribute('data-panel')===key);}); }); }); tools.querySelectorAll('.pill[data-group]').forEach(function(pill){ pill.addEventListener('click',function(){ var g=pill.getAttribute('data-group'); tools.querySelectorAll('.pill[data-group="'+g+'"]').forEach(function(p){p.classList.toggle('selected',p===pill);}); if(g==='price') sliderMoved=false; }); }); var slider=document.getElementById('priceSlider'), priceVal=document.getElementById('priceVal'); function fmt(n){return '$'+Number(n).toLocaleString('en-US');} if(slider){ var paint=function(){ if(priceVal)priceVal.textContent=fmt(slider.value); }; slider.addEventListener('input',function(){ sliderMoved=true; paint(); }); paint(); } tools.querySelectorAll('.tool-search').forEach(function(btn){ btn.addEventListener('click',function(e){ e.preventDefault(); var panel=btn.closest('.tab-panel'); var g=panel?panel.getAttribute('data-panel'):null; var sel=g?tools.querySelector('.pill.selected[data-group="'+g+'"]'):null; var q=sel?sel.getAttribute('data-q'):null; var params={}; if(g==='price'){ if(slider&&sliderMoved){ params.maxPrice=slider.value; } else if(q){ var pr=q.split('-'); params.minPrice=pr[0]; if(pr[1])params.maxPrice=pr[1]; } } else if(g==='length'){ if(q){ var ln=q.split('-'); params.minLength=ln[0]; if(ln[1])params.maxLength=ln[1]; } } else if(g==='weight'){ if(q){ var wt=q.split('-'); params.minWeight=wt[0]; if(wt[1])params.maxWeight=wt[1]; } } else if(g==='type'){ var tp=typeParam(q); if(tp)params.type=tp; } else if(g==='sleeps'){ if(q)params.sleeps=q; } go(params); }); }); } })(); /* --- homepage shop-by-type live counts --- */ (function(){ /* rv-type-counts-v2: fill .type-card .count from real active inventory */ var cards=document.querySelectorAll('.type-card'); if(!cards.length) return; var root=document.querySelector('[data-rv-dealer]'); var dealer=root?root.getAttribute('data-rv-dealer'):null; if(!dealer) return; function S(s){return (s||'').toString().toLowerCase().replace(/[^a-z0-9]+/g,' ').replace(/^ | $/g,'');} var TYPE_ENUM={'travel trailer':'travel_trailer','fifth wheel':'fifth_wheel','class a':'class_a','class b':'class_b','class c':'class_c','toy hauler':'toy_hauler','pop up camper':'popup','pop up':'popup','popup':'popup','motorhome':'class_a,class_b,class_c'}; function enumsFor(card){ /* data-type wins; href is a fallback and accepts ?type= or #type= */ var raw=card.getAttribute('data-type')||''; if(!raw){ var href=card.getAttribute('href')||''; var hi=href.search(/[#?]type=/); if(hi>=0){ var q=href.slice(hi+6); var amp=q.indexOf('&'); if(amp>=0)q=q.slice(0,amp); try{ raw=decodeURIComponent(q); }catch(_){ raw=q; } } } var out=[]; raw.split(',').forEach(function(p){ var k=S(p); if(!k)return; var e=TYPE_ENUM[k]; if(e){ e.split(',').forEach(function(x){ if(out.indexOf(x)<0)out.push(x); }); } else { var slug=k.replace(/ /g,'_'); if(out.indexOf(slug)<0)out.push(slug); } }); return out; } fetch('/api/inventory/counts?dealer='+encodeURIComponent(dealer)) .then(function(r){ return r.ok?r.json():null; }) .then(function(d){ if(!d||!d.counts) return; var c=d.counts; cards.forEach(function(card){ var n=0; enumsFor(card).forEach(function(t){ n+=(c[t]||0); }); var el=card.querySelector('.count'); if(el) el.textContent=n+' In Stock'; }); }) .catch(function(){}); })(); /* --- homepage featured RVs live --- */ (function(){ /* rv-featured: populate #inventory .rv-card from real active units */ var sec=document.getElementById('inventory'); if(!sec) return; var cards=[].slice.call(sec.querySelectorAll('.rv-card')); if(!cards.length) return; var root=document.querySelector('[data-rv-dealer]'); var dealer=root?root.getAttribute('data-rv-dealer'):null; if(!dealer) return; function money(n){ n=parseInt(n,10); return (isFinite(n)&&n>0)?('$'+n.toLocaleString('en-US')):'Call for Price'; } var COND={'new':'New','used':'Used','certified_preowned':'Certified','rental':'Rental'}; fetch('/api/inventory/featured?dealer='+encodeURIComponent(dealer)+'&limit='+cards.length) .then(function(r){ return r.ok?r.json():null; }) .then(function(d){ if(!d||!d.units) return; var u=d.units; cards.forEach(function(card,i){ var x=u[i]; if(!x){ card.style.display='none'; return; } card.style.display=''; var title=[x.year,x.make,x.model,x.trim].filter(Boolean).join(' '); var img=card.querySelector('.rv-img img'); if(img){ if(x.photo)img.src=x.photo; img.alt=title; } var badge=card.querySelector('.rv-badge'); if(badge){ var ck=(x.condition==='certified_preowned')?'cpo':(x.condition||''); badge.className='rv-badge '+ck; badge.textContent=COND[x.condition]||x.condition||''; } var t=card.querySelector('.rv-title'); if(t)t.textContent=title; var st=card.querySelector('.rv-stock'); if(st)st.textContent=x.stock?('Stock #'+x.stock):''; var pr=card.querySelector('.rv-price'); if(pr)pr.textContent=money(x.price); var link=card.querySelector('a[href]'); if(link&&x.slug)link.setAttribute('href','/inventory/'+x.slug); }); }) .catch(function(){}); })(); /* --- homepage visit/location from business profile --- */ (function(){ /* rv-visit: fill #visit from the dealer business profile */ var sec=document.getElementById('visit'); if(!sec) return; var root=document.querySelector('[data-rv-dealer]'); var dealer=root?root.getAttribute('data-rv-dealer'):null; if(!dealer) return; function esc(s){ return (s||'').toString().replace(/[<>&]/g,function(c){return c==='<'?'<':c==='>'?'>':'&';}); } function infoBlock(title){ var b=sec.querySelectorAll('.visit-info'); for(var i=0;i'+esc(city)):''); } } var pb=infoBlock('phone'); if(pb&&phone){ var pt=pb.querySelector('.info-text'); if(pt){ var tel=phone.replace(/[^0-9+]/g,''); pt.innerHTML=''+esc(phone)+''; } } var hb=infoBlock('hours'); /* visit-block hours are server-rendered from {{hours_rows}}; the runtime fill was removed -- wrong shape, and it emitted div rows where the CSS targets li */ var ol=oneLine(a); if(ol){ var q=encodeURIComponent(ol); var ifr=sec.querySelector('.map-wrap iframe'); if(ifr) ifr.src='https://maps.google.com/maps?q='+q+'&output=embed'; var dir=sec.querySelector('.visit-card a[href*="maps"]')||sec.querySelector('.visit-card a.btn[href]'); if(dir) dir.setAttribute('href','https://maps.google.com/?q='+q); } }) .catch(function(){}); })(); /* --- homepage footer + view-all wiring --- */ (function(){ /* rv-footer */ var root=document.querySelector('[data-rv-dealer]'); var dealer=root?root.getAttribute('data-rv-dealer'):null; if(!dealer) return; function esc(s){ return (s||'').toString().replace(/[<>&]/g,function(c){return c==='<'?'<':c==='>'?'>':'&';}); } var TYPE_HASH={'travel trailers':'travel_trailer','travel trailer':'travel_trailer','fifth wheels':'fifth_wheel','fifth wheel':'fifth_wheel','motorhomes':'class_a,class_b,class_c','motorhome':'class_a,class_b,class_c','toy haulers':'toy_hauler','toy hauler':'toy_hauler','pop-up campers':'popup','pop up campers':'popup','popup campers':'popup','class a':'class_a','class b':'class_b','class c':'class_c'}; var QUICK={'inventory':'/inventory','financing':'/financing','service':'/service','parts':'/parts','about':'/about','contact':'/contact','shop by type':'/#types','home':'/'}; function compactHours(bh){ if(!bh) return ''; var rows=[]; function val(v){ if(typeof v==='string')return v; if(v&&(v.open||v.close))return (v.open||'')+'\u2013'+(v.close||''); if(v&&v.closed)return 'Closed'; return ''; } if(Array.isArray(bh)){ bh.forEach(function(it){ if(!it)return; var l=it.day||it.label||it.name||''; var vv=it.hours||it.value||it.text||val(it); if(l) rows.push([l,vv||'Closed']); }); } else if(typeof bh==='object'){ for(var k in bh){ rows.push([k,val(bh[k])||'Closed']); } } if(!rows.length) return ''; return rows.map(function(r){ return r[0]+' '+r[1]; }).join(' \u00B7 '); } fetch('/api/public/dealer?dealer='+encodeURIComponent(dealer)) .then(function(r){ return r.ok?r.json():null; }) .then(function(res){ if(!res) return; var d=res.dealer||{}, a=d.address||null, total=res.inventoryCount; if(typeof total==='number'){ var all=document.querySelectorAll('a'); var va=null; for(var i=0;i'+esc(city)):''); } } if(phoneRow&&d.phone){ var pa=phoneRow.querySelector('a[href^="tel:"]'); if(pa){ pa.setAttribute('href','tel:'+d.phone.replace(/[^0-9+]/g,'')); pa.textContent=d.phone; } } /* footer hours are server-rendered from the {{hours}} family of tokens; the runtime fill was removed -- it parsed open/close, not open_time/close_time */ } var fbq=footer.querySelector('.footer-bottom span'); if(fbq){ var yr=new Date().getFullYear(); if(d.name){ fbq.textContent='\u00A9 '+yr+' '+d.name+'. All rights reserved.'; } else { fbq.textContent=(fbq.textContent||'').replace(/\b20\d\d\b/, String(yr)); } } }) .catch(function(){}); })(); /* --- rv-view-toggle: VLP grid/list view switch --- */ (function(){ var grid=document.getElementById('resultsGrid')||document.querySelector('[data-rv="inventory-list"]'); var wrap=document.querySelector('.view-toggle'); if(!grid||!wrap) return; var btns=[].slice.call(wrap.querySelectorAll('button[data-view]')); if(!btns.length) return; /* the export marks this as a tablist; it is a pair of toggle buttons, not tabs */ if(wrap.getAttribute('role')==='tablist') wrap.setAttribute('role','group'); if(!wrap.getAttribute('aria-label')) wrap.setAttribute('aria-label','Results view'); var root=document.querySelector('[data-rv-dealer]'); var key='rv:view:'+((root&&root.getAttribute('data-rv-dealer'))||'default'); function set(v,persist){ var list=(v==='list'); grid.classList.toggle('list-view',list); btns.forEach(function(b){ var on=b.getAttribute('data-view')===v; b.classList.toggle('on',on); b.setAttribute('aria-pressed',on?'true':'false'); }); if(persist){ try{ sessionStorage.setItem(key,v); }catch(e){} } } btns.forEach(function(b){ b.setAttribute('type','button'); b.addEventListener('click',function(e){ e.preventDefault(); set(b.getAttribute('data-view'),true); }); }); var saved=null; try{ saved=sessionStorage.getItem(key); }catch(e){} var init=(saved==='list'||saved==='grid')?saved:((grid.className.indexOf('list-view')>=0)?'list':'grid'); set(init,false); })();

RV Sales Serving Bonner Springs

2027 Jayco JAY FEATHER 26FK

2027 Jayco JAY FEATHER 33BH

2027 Jayco JAY FEATHER 25BH

2027 Jayco Jay Flight 140TB Sport Edition

2027 Jayco Jay Flight 140TB Sport Edition

2027 Jayco Jay Flight 140TB Sport Edition

2027 Jayco JAY FEATHER 27BH

2027 Jayco Jay Feather 21MBH

2027 Jayco EAGLE 335LSTS

2027 Jayco SEISMIC 399

2027 Jayco Jay Feather Air 18FBS

2027 Jayco JAY FLIGHT 265MWS

2027 Jayco JAY FLIGHT 262RLS

2025 Jayco JAY FLIGHT SLX 8 WIDE 262RLS

2027 Jayco JAY FEATHER AIR 19MBS

2025 Forest River SALEM 27RK

2023 Forest River IMPRESSION 280RL

2021 Coleman LANTERN LT 274BH

2027 Jayco REDHAWK 24B

2027 Jayco REDHAWK 22EF

2027 Keystone PASSPORT 229BH

2027 Jayco JAY FEATHER 23RK

2027 Jayco JAY FLIGHT 130RD

2027 Jayco JAY FLIGHT 130BH

2027 Jayco Jay Flight 130BH Sport Edition

2026 Thor Motor Coach Coleman 19EZ

2027 Jayco JAY FLIGHT 170FQ

2027 Jayco JAY FLIGHT 170BH

2027 Jayco JAY FLIGHT 170BH

2027 Jayco JAY FLIGHT 130BH

2027 Jayco JAY FLIGHT 335BHS

2023 Forest River R-POD 192

2027 Jayco NORTH POINT 365RKTS

2027 Jayco JAY FEATHER 18RBF

2027 Jayco JAY FLIGHT 170BH

2027 Jayco JAY FLIGHT 295TBS

2027 Jayco JAY FEATHER SL 25RLSL

2027 Jayco JAY FEATHER SL 25RLSL

2025 Starcraft AUTUMN RIDGE 28BHS

2027 Jayco JAY FLIGHT 210QB

2027 Jayco JAY FLIGHT 260BH

2027 Jayco JAY FLIGHT 260BH

2027 Jayco JAY FLIGHT 200MKS

2027 Jayco JAY FLIGHT 200MKS

2027 Jayco JAY FEATHER 19MRK

2027 Jayco JAY FEATHER AIR 16DB

2027 Jayco JAY FEATHER 25RB

2026 Keystone HIDEOUT 123BB

2026 Keystone HIDEOUT 120BT

2026 Keystone HIDEOUT 120BT

2023 Forest River VIBE 25RK

2022 Keystone COUGAR 22RBS

2027 Jayco JAY FLIGHT 210QB

2026 Jayco SEISMIC 214

2026 Keystone HIDEOUT 212RKS

2026 Jayco JAY FLIGHT 263BHS

2026 Jayco JAY FLIGHT 263BHS

2026 Jayco JAY FEATHER AIR 16FBS

2026 Jayco JAY FLIGHT 265MWS

2026 Jayco JAY FLIGHT 265MWS

2026 Jayco JAY FLIGHT 284BHS

2022 Jayco JAY FEATHER 171BH

2026 Keystone REIGN 19RK

2026 Jayco JAY FEATHER 25BH

2026 Jayco JAY FLIGHT SLX 8 WIDE 175FQ

2027 Jayco PINNACLE 39FBRL

2027 Jayco EAGLE SLE 28RKS

2026 Jayco JAY FLIGHT SLX 8 WIDE 175FQ

2026 Jayco SEISMIC 399

2026 Jayco EAGLE 321RSTS

2024 Forest River PUMA 18BHX

2026 Jayco JAY FEATHER 27BH

2025 Keystone AVALANCHE 366LS

2026 Jayco NORTH POINT 381CKRE

2026 Jayco NORTH POINT 310RLTS

2026 Keystone HIDEOUT 230BH

2026 Keystone PASSPORT 253RD

2026 Jayco NORTH POINT 390CKDS

2026 Jayco NORTH POINT 377RLBH