Помогите подправить код .js
 

Есть карта Італии на сайте auto-bazar.it . Принцип действия такой. Есть Изображение по умолчанию, /images/map-italy.jpg и 20 точно таких же изображений только с выделенным желтым цветом соответственного региона Италии. То есть при наведении на то место где расположен регион которому отвечают его координаты, подложка /images/map-italy.jpg заменяется изображение с подсвеченным регионом. Проблема в том что 20 изображений * 17 килобайт = 340 кб. Это не допустимо. Я в Java Script вообще не шарю. По изложенному коду пожалуйста подскажите как заставить его и возможно ли ето чтоб при наведении на любой регион выводилось изображение .png или .gif с прозрачностью, то есть только картинка с за крашеным регионов но не взамен подложка а поверх нее. При такой работе 20*1.5=30 кб. Думаю понятно. Спасибо всем кто ответил.

Да, если можно, кто понимает. подскажите. может есть еще что то лишнее в коде? без чего можно обойтись.?
Вознаграждение 4wmz

Теоретически, заменять целое изображение, другим таким же изображением с изменением в 1/10 от всего размера картинки - это не есть хорошо. Либо искать способ замены кусками, либо искать альтернативу, типа реализации во flash, ну да, можно предварительно прогрузить в кэш браузера все изображения, что бы потом не было скачков.

Canvas или SVG Вам в помощь. Я так понимаю нужно нечто похожее?