[desertFox]

Добрый вечер.

Имеется код для смены картинок при наведении курсора:
js:

$(document).ready(function() {
  $('.short-story a img').each(function() {
    var slideImg = $(this);
	var iid;
	var curImg = 0;
	var imgSrc = new Array;
	
    var imageSrc   = slideImg.attr("src");
    var imgPatch  = imageSrc.split('_');
    imgSrc = [imgPatch[0] + '_0' + '0' + '.jpg', imgPatch[0] + '_0' + '1' + '.jpg', imgPatch[0] + '_0' + '2' + '.jpg'];
	
	
	slideImg.bind('mouseover', function() {			
			iid = setInterval(function() {				
				curImg < imgSrc.length-1 ? ++curImg : curImg = 0;				
				slideImg.attr("src", imgSrc[curImg]);								
			}, 400);					
		});
		
	slideImg.bind('mouseout', function() { clearInterval(iid); curImg = 0; this.src=imgSrc[0]});
  });
});

html:

<div id="dle-content">
<div class="short-story">
  <span class="short-title1">
    <a href='index2.html'><img id="2604" src="/uploads/thumbs/2014-04-14/2604/xvid_00.jpg" width="200" height="140"></a>
  </span>
</div>
<div class="short-story">
  <span class="short-title1">
    <a href='index2.html'><img id="2605" src="/uploads/thumbs/2014-04-15/2605/xxvid_00.jpg" width="200" height="140"></a>
  </span>
</div>
<div class="short-story">
  <span class="short-title1">
    <a href='index2.html'><img id="2606" src="/uploads/thumbs/2014-04-16/2606/xxxvid_00.jpg"  width="200" height="140"></a>
  </span>
</div>
</div>

у картинок всегда окончание в таком формате - _00.jpg, _01.jpg, _02.jpg ... и т.п.

Хотелось бы в js сделать массив картинок, который создавался динамически, примерно так:

imgPatch[0] + '_0' + i + '.jpg'

ну Вы меня поняли), в переменную "i" занести порядковый номер картинки, изначально кол-во картинок не известно, вот в этом и основная задачка

реально это сделать с помощью js? может логика скрипта не верна и есть уже готовые решения по теме?