クリッカブルマップについて教えてください。
下記のサイトなどを参考にクリッカブルマップを作ったのですが、
変更後の画像が各場所で違う
(スーパーにフォーカスが当たるとスーパーが明るくなり、
病院にフォーカスがあたると病院が明るくなる等)場合、
下記の方法はそのまま流用できませんでした。

ttp://homepage1.nifty.com/gutchie/kirikiri_kag3/dev_clickablemap001.html

一応、下記の方法で実装することはできました。
1. すべて同じサイズ(640x480)のマウスカーソルがあたった状態の画像を用意する。
2. 一画面中にフォーカスが当たる箇所が3箇所ある場合、前景レイヤ3枚で対応。

ただ1の方法は例えば40x40の範囲を変更したいだけにもかかわらず、
640x480の画像を用意しないといけないため画像の容量に無駄があり、
2の方法では例えば一画面中にフォーカスが当たる箇所が10箇所ある場合、
10枚前景レイヤを用意する必要があり無駄が多いと思います。

そのため、フォーカスがあたる範囲の画像で、かつ前景レイヤ1枚のみで
実装したいと思うのですが、そのような事は可能でしょうか？

もし可能であればアドバイスをいただければと思います。