Адаптация скрипта под разные разрешения. Нужна помощь по коду. - вопрос №3677742

Имеется скрипт-ротар банеров. Сами банеры пытаюсь оптимизировать под 4 разрешения экрана. Если жму F5, то банер обновляется на новый размер, а вот если изменяю ширину окна руками, перетаскивая край окна, то изображение остается прежним, пока не обновишь страницу. Поскольку картинки в массиве загружены, не пойму как их обновлять сразу при изменении окна. Сам не могу дотумкать.
URLS = new Array;
URLS[0] = «url1»;
URLS[1] = «url2»;
URLS[2] = «url3»;
image_ID = new Array;
image_ID[0] = «img1.jpg»;
image_ID[1] = «img2.jpg»;
image_ID[2] = «img3.jpg»;

var banner = 2;
var last_banner = (URLS.length — 1);
var pause = 5000;

function Rotate(image_num) {
if (banner==last_banner) banner = 0;
else banner++;
document.images[image_num].src = image_ID[banner];
document.getElementById('markers').innerHTML = '';
for (var i=0; i<URLS.length; i++){
if (URLS[i]==URLS[banner]) {
document.getElementById('markers').innerHTML += '<img class=«index_banner_marker» name=«index_banner_marker' + i + '» src=«img/index_banners/marker_on.png» alt="" title="" /> ';
}
else {
var onc = «document.images['» + image_num + "'].src ='" + image_ID[i] + "'; banner = " + (i-1) + ";";
document.getElementById('markers').innerHTML += '<img class=«index_banner_marker» name=«index_banner_marker' + i + '» src=«img/index_banners/marker_off.png» alt="" title="" onClick="' + onc + '" /> ';
}
}
window.setTimeout('Rotate(«index_banner»)', pause);
}
Rotate('index_banner');

Попытался путь менять вот так:
var path;
if ($(window).width() < 1200){
path = '992';
}
else {
path = '1200';
}
image_ID = new Array;
image_ID[0] = «img/index_banners/» + path + "/1.jpg";
image_ID[1] = «img/index_banners/» + path + "/2.jpg";
image_ID[2] = «img/index_banners/» + path + "/3.jpg";

Не помогло. Попробьовал поставить событие
$(window).resize(function(){

});
Тоже не сработало, хотя по идее — это то, что надо. Если кто может поменять код выше, буду очень признаетелен.