﻿//bind the functions for new cars detail page.
$(document).ready(function() {
    var imageCollection = $('div.new-car-image-collection');
    $('div.thumbnail-image').click(
        function() {
            var currentImage = imageCollection.find('div.main-image:visible');
            var requiredImage = $("div#" + $(this).attr('id').replace("thumbnail", "main"));
            currentImage.fadeOut("slow");
            requiredImage.fadeIn("slow")
        }
    );
});
