Javascript jquery迷你滑块，生成唯一id

您好，我是jquery的新手，在我的网站上我有迷你滑块，请参见这里的演示： 这里我有两个滑块，问题是滑块在第二个滑块图像中重复，第二个滑块图像在悬停时重复第一个滑块图像。这是我的jquery代码，很抱歉我的英语不好。我怎样才能防止这种情况

jQuery(document).ready(function () {
    jQuery(".cars-img img").attr("src", jQuery(".img-log img").eq(0).attr("src"));
    jQuery(".img-log img").eq(0).attr("class", "active");
    jQuery(".img-log img").hover(function () {
        jQuery(".cars-img img").attr("src", jQuery(this).attr('src'));
        jQuery(".img-log img").removeAttr("class", "active");
        jQuery(this).attr('class', 'active');
    });
});

还有html

<div class="cars-img">                  
    <img src="big image link" alt=""/>
</div>
<div class="img-smol">
    <div class="img-log">
        <a href="#">
            <img src="small image link" alt=""/>
        </a>
    </div>
</div>

您能告诉我们您的最终结果应该是什么吗？我已经解决了这个问题，请看这里的演示。谢谢