javascript + onmouseout и onmouseover
 

Подскажите вот есть кнопка -
<a href="javascript:void(0)" onclick="SoundB()" title="Звуки"><IMG SRC="i/sound_off.png" id="but_sound" WIDTH=30 HEIGHT=30 BORDER=0></a>

К ней есть javascript

function SoundB(){
if (top.SoundOff==true)
top.frames['bottom'].document.getElementById('but_sound').src='i/sound_on_go.png';
else top.frames['bottom'].document.getElementById('but_sound').src='i/sound_off.png';
top.SoundOff=!top.SoundOff;
}

Порядок такой - есть кнопка - при наведении на нее она загорается тоесть меняет изображение - затем при нажатии она меняет изображение и если я отвожу курсор от нее то она погасает тоесть тоже меняется изображением - затем я подвожу курсор и она загорается но в рабочем состоянии - звук включен и выключаю её - кнопка возвращается обратно но горит - как отвожу курсор она тухнет - тоже меняется изображение -
Как это поудобнее сделать ? использовать js или php?