Посмотрел я код. Я когда-то делал такие вещи, но подругому. Поэтому приведу образец для примера (скрипты целиком):
Код HTML:
<HTML><HEAD><TITLE>Заголовок</TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
function newImage(arg) {
if (document.images) {
rslt = new Image();
rslt.src = arg;
return rslt;
}
}
function changeImages() {
if (document.images && (preloadFlag == true)) {
for (var i=0; i<changeImages.arguments.length; i+=2) {
document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
}
}
}
var preloadFlag = false;
function preloadImages() {
if (document.images) {
menu_01_over = newImage("images/menu_01-over.gif");
...
menu_nn_over = newImage("images/menu_nn-over.gif");
preloadFlag = true;
}
}
// -->
</SCRIPT>
</HEAD>
<BODY ONLOAD="preloadImages();" ...>
...
<A HREF="about.htm" ONMOUSEOVER="changeImages('menu_01', 'images/menu_01-over.gif'); return true;" ONMOUSEOUT="changeImages('menu_01', 'images/menu_01.gif'); return true;"><IMG NAME="menu_01" SRC="images/menu_01.gif" WIDTH=213 HEIGHT=24 BORDER=0 alt="О компании"></A><br>
....
</BODY>
</HTML>
Картинки
images/menu_01.gif - изначально,
images/menu_01-over.gif - при наведении мыши.
И еще совет: помести весь CSS в отдельный файл и линкуй его в шапке страниц:
Код HTML:
<LINK href="all.css" rel="stylesheet" type="text/css">