HTML+CSS+JavaScript

Здравствуйте!
Я пишу приложение с использовании AJAX.
Использую свою кнопку (набор изображений).
Для смены изображений использовал свойство this.src, но в Firefox получилось не очень хорошо - нужно некоторое время держать мышь над кнопкой пока не загрузится новое изображение.
Думаю решением этой проблемы является загрузка всех изображений сразу, последующее их сокрытие через style.display и обработка дальнейщих событий мыши с помощью JavaScript.
Но у меня что-то не получилось этого реализовать: все время лезут непонятные глюки:(
Кто что знает ПОМОГИТЕ!

Функционал следующий.
Кнопка - обычный квадратик, тот пункт меню где пользователь сейчас находится помечается галочкой в этом квадратике.
Набор картинок следующий:
img.jpg - просто квадрат
img_over.jpg - квадрат при наведении на него мышки
img_push.jpg - квадрат, после того как на него нажали (но не отпустили) мышкой
img_mark.jpg - квадрат с галочкой внутри
img_mark_over.jpg - квадрат с галочкой внутри при наведении на него мышки
img_mark_push.jpg - квадрат с галочкой внутри после того как на него нажали мышкой

Информация о том, где ты сейчас находишься сохраняется в свойстве location.hash.
Понятно, что при обработке события onMouseUp должна вызываться специальная функция, загружающая новую страницу и меняющая свойство location.hash.

Пробуй предварительное кеширование!

предварительно создать элементы img с нужным src, например так

var ajaxImg = new Image(); ajaxImg.src = "/bitrix/templates/main/images/ajax-loader.gif";

а потом подставлять этот src.

СПАСИБО!!! Помогло:)