Изменение Картинки При Наведении

<ul class="grid" id="product_list">
			 {% FOR goods %}
				 <li class="elem">

<div class="goods_images_list">
{% FOR images %}
<div style="display: none;"><img src="{goods.images.LARGE}" alt="{goods.images.NAME}" /></div>
{% ENDFOR %}
</div>

$(function() {
$('.elem a img').hover(function() {
		 var goods_images_list = $(this).closest('.elem').find('.goods_images_list');
		 var size = goods_images_list.find('img').size();
		 if(size) {
				 goods_images_list.find('div:eq(0)').show();
				 if(size > 1) {
					 goods_images_list.data('interval', setInterval($.proxy(function() {
						 var next = $(this).find('div:visible').next();
						 if(!next.length) {
								 next = $(this).find('div:eq(0)');
						 }
						 $(this).find('div').hide();
						 next.show();
					 }, goods_images_list), 3000));
				 }
		 }
}, function() {
		 var goods_images_list = $(this).closest('.elem').find('.goods_images_list');
		 goods_images_list.find('div').hide();
		 if(goods_images_list.data('interval')) {
			 clearInterval(goods_images_list.data('interval'));
			 goods_images_list.removeData('interval');
		 }
});
});

.goods_images_list {
	 position: relative;
}
		
.goods_images_list > div {
	 display: none;
	 position: absolute;
	 z-index: 100;
	 background: #FFFFFF;
	 border: 3px solid #CCCCCC;
	 border-radius: 4px;
	 left: 80px;
	 padding: 2px;
	 top: 40px;
	 max-height: 450px;
	 max-width: 450px;
}
.goods_images_list > div img {
width: 100%;
height: auto;
}