Loading Your Vehicle Details
Preparing your experience...
2014 Toyota RAV4, Stock No: 11931 by Mirza Auto Sales, Rochester MN
At Mirza Auto Sales we offer top-quality pre-owned vehicles at wholesale prices, backed by honest, exceptional service.
`;
document.body.insertAdjacentHTML("beforeend",footerHTML);
/* set current year */
document.getElementById("year").textContent=new Date().getFullYear();
}
});
-->
* Please call for availability
Engine
2.5L L4 DOHC 16V
Transmission
6-Speed Automatic
Drive
FWD
VIN
JTMWFREV1EJ010104
Mileage
214,682
Exterior
Classic Silver Metallic
Interior
Latte
Stock NO
11931
Fuel economy
24 MPG CITY
/
31 MPG HWY
Backup Camera
Moonroof/Sunroof
Touch Screen Audio
4-Wheel ABS
Stability Control
Solar Tinted Glass
Remote Trunk Release
Power Side Mirror
Auxiliary Jack
Running Boards
Dual A/C Zones
Daytime Running Lights
Bluetooth
Alarm
Aluminum Alloy Wheels
Cruise Control
Automatic Delay Off Headlights
Integrated Side Mirror Turn Si
MP3
50 State Emissions
Cloth Seats
Front Fog Lights
CD Player
Latch System Child Seat Anchor
Traction Control
Rear Defogger
Rear Spoiler
Heated Side Mirrors
USB Audio Input
Cargo Floor Mat
Automatic Climate Control
SiriusXM Equipped
One-Touch Windows
Automatic Locking Power locks
Rear Privacy Glass
Remote Keyless Entry
Folding Side Mirror
iPod/iPhone Input
HD Radio
Disclaimer: All advertised prices exclude government fees and taxes, any finance charges, any dealer document preparation charge, and any emission testing charge. Vehicle availability is not guaranteed and subject to prior sale. All vehicle details advertised are true to our best knowledge, but not guaranteed. It is the customer's sole responsibility to verify the existence and condition of any equipment listed. The dealership is not responsible for misprints on prices or equipment. It is the customer's sole responsibility to verify the accuracy of the prices with the dealer. Pricing are subject to change without notice. Any advertised down, monthly, bi-weekly, and weekly payments are estimated examples and / or approximate payments only and subject to credit check and approvals.
Document
${data.imageUrls.map((url, i) => `
${i + 1}/${data.imageUrls.length}
`).join('')}
${data.imageUrls.length > 0 ? `
` : ''}
`;
// Create fullscreen modal
const fullscreenModal = document.createElement('div');
fullscreenModal.className = 'mirza-vd-fullscreen-modal';
fullscreenModal.innerHTML = `
1 of ${data.imageUrls.length}
`;
document.body.appendChild(fullscreenModal);
// Create main content
const content = document.createElement('div');
content.className = 'mirza-vd-content mirza-vd-slide-up';
content.innerHTML = `
Vehicle Specifications
${Object.entries(data.specs).map(([category, specs]) =>
Object.keys(specs).length > 0 ? `
` : ''
).join('')}
Features & Options
${categorizeFeatures(data.features).map(category => `
${category.name}
${category.features.map(feature => `
${feature}
`).join('')}
`).join('')}
`;
// Create footer CTAs
const footerCTAs = document.createElement('div');
footerCTAs.className = 'mirza-vd-footer-ctas';
footerCTAs.innerHTML = `
`;
// Append everything
container.appendChild(hero);
container.appendChild(content);
container.appendChild(footerCTAs);
// Add footer disclaimer
const footerDisclaimer = document.createElement('div');
footerDisclaimer.className = 'mirza-vd-footer-disclaimer';
footerDisclaimer.innerHTML = `
All vehicle information presented on this site is offered strictly for general guidance. While we make every effort to keep our inventory details current, prices, equipment lists, mileage, and other specifications may contain errors or be subject to change without notice. Vehicle availability is not guaranteed and each unit is offered on a first-come, first-served basis.
Any payment calculators, APRs, or monthly-payment figures shown are illustrative estimates only . Final financing terms—including rate, down-payment, and length of contract—depend on lender approval, creditworthiness, and other factors beyond the dealership's control.
Advertised prices exclude sales tax, title and registration fees, documentary/service fees, lender-imposed charges, optional protection products, and any out-of-state delivery costs. Images may be stock photos; actual condition and accessories can differ. Prospective purchasers are encouraged to inspect the vehicle in person, inspect by a certified mechanic within Rochester, MN, test drive the vehicle, verify all information independently, and request a written buyers' order before committing to a transaction.
By using this site you acknowledge that the dealership shall not be liable for any direct or indirect loss arising from reliance on the information provided herein.
`;
container.appendChild(footerDisclaimer);
return container;
}
// Helper function to get spec category icons
function getSpecCategoryIcon(category) {
const icons = {
'Vehicle Details': 'fa-info-circle',
'Performance': 'fa-tachometer-alt',
'Other': 'fa-ellipsis-h'
};
return icons[category] || 'fa-info-circle';
}
// Helper function to categorize features
function categorizeFeatures(features) {
const categories = {
'Comfort & Convenience': [],
'Technology & Entertainment': [],
'Safety & Security': [],
'Performance & Handling': [],
'Interior Styling': [],
'Exterior Features': [],
'Climate Control': [],
'Seating Options': [],
'Additional Features': []
};
const keywordMapping = {
'Comfort & Convenience': ['heated', 'cooled', 'steering', 'windows', 'locks', 'cruise', 'remote', 'keyless', 'automatic', 'power', 'push-button'],
'Technology & Entertainment': ['bluetooth', 'navigation', 'audio', 'screen', 'touch', 'usb', 'aux', 'amazon', 'google', 'siriusxm', 'ipod', 'iphone', 'hd radio', 'points of interest', 'wifi', 'connected', 'alexa'],
'Safety & Security': ['alarm', 'camera', 'sensor', 'abs', 'stability', 'lane', 'collision', 'blind spot', 'parking', 'traction', 'hill', 'emergency', 'airbag', 'brake', 'assist', 'perimeter'],
'Performance & Handling': ['engine', 'transmission', 'drive', 'turbo', 'suspension', 'exhaust', 'differential', 'gear', 'performance', 'sport', 'tip'],
'Interior Styling': ['leather', 'fabric', 'perforated', 'memory', 'lumbar', 'ventilated', 'dash', 'trimmed', 'instrument'],
'Exterior Features': ['lights', 'fog', 'spoiler', 'wheels', 'alloy', 'tint', 'running', 'exterior', 'daytime', 'mirror', 'wiper', 'side mirror', 'automatic delay'],
'Climate Control': ['climate', 'air', 'conditioning', 'zones', 'dual', 'a/c', 'defogger'],
'Seating Options': ['seat', 'driver', 'passenger', 'front', 'rear', 'heated seat', 'power seat'],
};
features.forEach(feature => {
let categorized = false;
const featureLower = feature.toLowerCase();
for (const [category, keywords] of Object.entries(keywordMapping)) {
if (keywords.some(keyword => featureLower.includes(keyword))) {
categories[category].push(feature);
categorized = true;
break;
}
}
if (!categorized) {
categories['Additional Features'].push(feature);
}
});
// Return only non-empty categories
return Object.entries(categories)
.filter(([_, features]) => features.length > 0)
.map(([name, features]) => ({ name, features }));
}
// Helper function to calculate monthly payment
function calculateMonthlyPayment(priceString) {
const price = parseFloat(priceString.replace(/[^0-9.]/g, ''));
if (isNaN(price) || price <= 0) return 'Call';
const loanAmount = price * 0.9; // Assuming 10% down
const monthlyRate = 0.079 / 12; // 7.9% APR
const months = 72;
const payment = loanAmount * (monthlyRate * Math.pow(1 + monthlyRate, months)) / (Math.pow(1 + monthlyRate, months) - 1);
return Math.round(payment).toLocaleString();
}
// Extract data and create new layout
const vehicleData = extractVehicleData();
const modernLayout = createModernLayout(vehicleData);
// Replace old content with new layout
const main = document.querySelector('.main');
if (main) {
main.innerHTML = '';
main.appendChild(modernLayout);
}
// Mark product sections as modernized to prevent hiding
const productHead = document.querySelector('.product__head');
const productBody = document.querySelector('.product__body');
if (productHead) productHead.classList.add('modernized');
if (productBody) productBody.classList.add('modernized');
// Add global functions with namespace
window.mirzaVdChangeImage = function(index) {
const mainImage = document.querySelector('.mirza-vd-main-image');
const contactSlide = document.querySelector('.mirza-vd-contact-slide');
const thumbnails = document.querySelectorAll('.mirza-vd-thumbnail');
const imageUrls = vehicleData.imageUrls;
const fullscreenCounter = document.querySelector('.mirza-vd-fullscreen-counter');
// Add transition effect
if (mainImage) {
mainImage.classList.add('transitioning');
setTimeout(() => {
if (index === imageUrls.length) {
// Show contact slide
mainImage.style.display = 'none';
contactSlide.style.display = 'flex';
} else {
// Show regular image
contactSlide.style.display = 'none';
mainImage.style.display = 'block';
mainImage.src = imageUrls[index];
}
thumbnails.forEach((thumb, i) => {
thumb.classList.toggle('active', i === index);
});
window.mirzaVdCurrentImageIndex = index;
if (fullscreenCounter) {
fullscreenCounter.textContent = `${Math.min(index + 1, imageUrls.length)} of ${imageUrls.length}`;
}
// Remove transition effect
setTimeout(() => {
mainImage.classList.remove('transitioning');
}, 50);
}, 250);
}
};
window.mirzaVdOpenFullscreen = function(index) {
const modal = document.querySelector('.mirza-vd-fullscreen-modal');
const fullscreenImage = document.querySelector('.mirza-vd-fullscreen-image');
const imageUrls = vehicleData.imageUrls;
if (modal && fullscreenImage && imageUrls[index]) {
fullscreenImage.src = imageUrls[index];
fullscreenImage.alt = vehicleData.title + ' - Image ' + (index + 1);
modal.style.display = 'flex';
setTimeout(() => modal.classList.add('open'), 10);
document.body.style.overflow = 'hidden';
window.mirzaVdUpdateFullscreenCounter(index);
}
};
window.mirzaVdCloseFullscreen = function() {
const modal = document.querySelector('.mirza-vd-fullscreen-modal');
if (modal) {
modal.classList.remove('open');
setTimeout(() => modal.style.display = 'none', 300);
document.body.style.overflow = '';
}
};
window.mirzaVdUpdateFullscreenCounter = function(index) {
const counter = document.querySelector('.mirza-vd-fullscreen-counter');
if (counter) {
counter.textContent = `${index + 1} of ${vehicleData.imageUrls.length}`;
}
};
window.mirzaVdToggleSpecCategory = function(element) {
element.classList.toggle('collapsed');
};
window.mirzaVdToggleFeatureCategory = function(element) {
element.classList.toggle('collapsed');
};
window.mirzaVdPrevFullscreenImage = function() {
const currentIndex = window.mirzaVdCurrentImageIndex || 0;
const totalImages = vehicleData.imageUrls.length + 1; // +1 for contact slide
const newIndex = (currentIndex - 1 + totalImages) % totalImages;
window.mirzaVdChangeImage(newIndex);
if (newIndex < vehicleData.imageUrls.length) {
window.mirzaVdOpenFullscreen(newIndex);
}
};
window.mirzaVdNextFullscreenImage = function() {
const currentIndex = window.mirzaVdCurrentImageIndex || 0;
const totalImages = vehicleData.imageUrls.length + 1; // +1 for contact slide
const newIndex = (currentIndex + 1) % totalImages;
window.mirzaVdChangeImage(newIndex);
if (newIndex < vehicleData.imageUrls.length) {
window.mirzaVdOpenFullscreen(newIndex);
}
};
// Enhanced Financing Calculator Functions
let selectedTerm = 72;
let currentDownPayment = 0;
let currentAPR = 7; // Default Super Prime rate
let isAdvancedMode = false;
const vehiclePrice = parseFloat(vehicleData.price.replace(/[^0-9.]/g, ''));
// Initialize financing calculator
function initializeFinancingCalculator() {
// Set 10% down payment as default
const recommendedDown = Math.floor(vehiclePrice * 0.1);
currentDownPayment = recommendedDown;
const downPaymentSlider = document.getElementById('mirza-vd-down-payment-slider');
const downPaymentValue = document.getElementById('mirza-vd-down-payment-value');
if (downPaymentSlider && !isNaN(vehiclePrice)) {
downPaymentSlider.max = Math.floor(vehiclePrice);
downPaymentSlider.value = recommendedDown;
downPaymentValue.textContent = recommendedDown.toLocaleString();
}
// Set up credit tier selection
const creditTiers = document.querySelectorAll('.mirza-vd-credit-tier');
creditTiers.forEach(tier => {
tier.addEventListener('click', () => {
creditTiers.forEach(t => t.classList.remove('active'));
tier.classList.add('active');
currentAPR = parseFloat(tier.dataset.apr);
updatePaymentCalculation();
});
});
// Set up term selection
const financingTerms = document.querySelectorAll('.mirza-vd-financing-term');
financingTerms.forEach(term => {
term.addEventListener('click', () => {
financingTerms.forEach(t => t.classList.remove('active'));
term.classList.add('active');
selectedTerm = parseInt(term.dataset.term);
updatePaymentCalculation();
});
});
// Down payment slider
if (downPaymentSlider && downPaymentValue) {
downPaymentSlider.addEventListener('input', (e) => {
currentDownPayment = parseInt(e.target.value);
downPaymentValue.textContent = currentDownPayment.toLocaleString();
updatePaymentCalculation();
});
}
// Custom APR input
const customAPRSlider = document.getElementById('mirza-vd-custom-apr-slider');
const customAPRText = document.getElementById('mirza-vd-custom-apr-text');
if (customAPRSlider && customAPRText) {
customAPRSlider.addEventListener('input', (e) => {
currentAPR = parseFloat(e.target.value);
customAPRText.value = currentAPR.toFixed(1);
updatePaymentCalculation();
});
customAPRText.addEventListener('input', (e) => {
const value = parseFloat(e.target.value);
if (!isNaN(value) && value >= 1 && value <= 25) {
currentAPR = value;
customAPRSlider.value = value;
updatePaymentCalculation();
}
});
}
// Initial calculation
updatePaymentCalculation();
}
// Toggle advanced mode
window.mirzaVdToggleAdvancedMode = function() {
isAdvancedMode = !isAdvancedMode;
const creditTiers = document.querySelector('.mirza-vd-credit-tiers');
const advancedMode = document.querySelector('.mirza-vd-advanced-mode');
const toggleButton = document.querySelector('.mirza-vd-advanced-toggle');
if (isAdvancedMode) {
creditTiers.style.display = 'none';
advancedMode.style.display = 'block';
toggleButton.innerHTML = '
