загруженные картинки исчезают из кэша
 

Подскажите, пожалуиста, решение проблемы:

Загружаю изображения для панели меню гиперссылок, используя javascript:

var offImgArray = new Array();
offImgArray["main_page"] = new Image(100,15);
offImgArray["main_page"].src = "script/simage/main_page.gif";
var onImgArray = new Array();
onImgArray["main_page"] = new Image(100,15);
onImgArray["main_page"].src = "script/simage/main_page_hover.gif";

function imageOn(imgName) {
if (document.images) {
document.images[imgName].src = onImgArray[imgName].src;
}
}

function imageOff(imgName) {
if (document.images) {
document.images[imgName].src = offImgArray[imgName].src;
}
}

в HTML коде прописываю:

<a href="index.html" onmouseover="imageOn('main_page');" onmouseout="imageOff('main_page');">
<img src="script/simage/main_page.gif" width="100" height="15" border="0" name="main_page"></a>

все работает нормально, но при открытии такой гиперссылки в новом окне IE, все изображения onmouseover на родительской странице исчезают из кэша и грузятся только при наведении курсора на каждую гиперссылку. Эта проблема возникает только в Internet Explorer.

Заранее спасибо!

Советую сделать все это попроще.
Разбираться будет легче.

PS
IE в топку

С таким подходом далеко не уедешь.