function preloadCategoryImages() {
    if (document.images) {
        var srcs = [
            '/vehicle_images/Multiview/Transparent/320/2009FRD002a_320_03grid.png',
            '/vehicle_images/Multiview/Transparent/320/2009INF005a_320_03grid.png',
            '/vehicle_images/Multiview/Transparent/320/2010BMW004b_320_03grid.png',
            '/vehicle_images/Multiview/Transparent/320/2009BMW010b_320_03grid.png',
            '/vehicle_images/Multiview/Transparent/320/2009DOD003b_320_03grid.png',
            '/vehicle_images/Multiview/Transparent/320/2010CHE011a_320_03grid.png',
            '/vehicle_images/Multiview/Transparent/320/2010LIN002a_320_03grid.png',
            '/vehicle_images/Multiview/Transparent/320/2009CHE001a_320_03grid.png',
            '/vehicle_images/Multiview/Transparent/320/2009FRD002b_320_03grid.png',
            '/vehicle_images/Multiview/Transparent/320/2010KIA010a_320_03grid.png'];
        for (var i = 0; i < srcs.length; i++)
        {
            var preload = new Image();
            preload.src = srcs[i];
        }
    }
}
preloadCategoryImages();


function preloadVehicleImage(imageId) {  
    var imageUrl = '/vehicle_images/Multiview/Transparent/320/' + imageId + '_03grid.png';
    var preload = new Image();
    preload.src = imageUrl;
}


function replaceCategoryImage(categoryName) {
    var section = document.getElementById('section1');
    switch (categoryName) {
        case "Commercial Vehicle":
        case "Cargo Vans":
            section.style.backgroundImage = 'url(/vehicle_images/Multiview/Transparent/320/2009FRD002a_320_03grid.png)';
            break;

        case "Compact":
            section.style.backgroundImage = 'url(/vehicle_images/Multiview/Transparent/320/2009INF005a_320_03grid.png)';
            break;

        case "Coupe":
            section.style.backgroundImage = 'url(/vehicle_images/Multiview/Transparent/320/2010BMW004b_320_03grid.png)';
            break;

        case "Luxury":
            section.style.backgroundImage = 'url(/vehicle_images/Multiview/Transparent/320/2009BMW010b_320_03grid.png)';
            break;

        case "Minivan":
            section.style.backgroundImage = 'url(/vehicle_images/Multiview/Transparent/320/2009DOD003b_320_03grid.png)';
            break;

        case "Sedan":
            section.style.backgroundImage = 'url(/vehicle_images/Multiview/Transparent/320/2010CHE011a_320_03grid.png)';
            break;
            
        case "SUV":
            section.style.backgroundImage = 'url(/vehicle_images/Multiview/Transparent/320/2010LIN002a_320_03grid.png)';
            break;
            
        case "Truck":
            section.style.backgroundImage = 'url(/vehicle_images/Multiview/Transparent/320/2009CHE001a_320_03grid.png)';
            break;
        
        case "Van":
            section.style.backgroundImage = 'url(/vehicle_images/Multiview/Transparent/320/2009FRD002b_320_03grid.png)';
            break;
        
        case "Wagon":
            section.style.backgroundImage = 'url(/vehicle_images/Multiview/Transparent/320/2010KIA010a_320_03grid.png)';
            break;
    }
}

function replaceTopTenImage(imageId) {
    var url = '/vehicle_images/Multiview/Transparent/320/' + imageId + '_03grid.png';
    var section = document.getElementById('section3');
    section.style.backgroundImage = 'url(' + url + ')';
}