JavaScript onmouseout событие

Таким образом, у меня есть военно-морское с 3 кругами и ползунок jQuery.

По умолчанию первый круг освещен, и когда пользователь нажимает на 2-й круг, ползунок перемещается к 2-му отделению и затем что круг освещен, и 1-й круг затемняет. Это работает тот же путь с 3-м кругом.

Все хорошо работает, это - то, на что похож код

<img name="bullet1" height="30px" width="30px" src="img/bulletwhite.png" onmousedown="this.src='img/bulletwhite.png';document.images['bullet2'].src='img/bullet.png';document.images['bullet3'].src='img/bullet.png'" style="opacity:0.4;filter:alpha(opacity=40)"/>
<img name="bullet2" height="30px" width="30px" src="img/bullet.png" onmousedown=" this.src='img/bulletwhite.png';document.images['bullet1'].src='img/bullet.png';document.images['bullet3'].src='img/bullet.png'" style="opacity:0.4;filter:alpha(opacity=40)"/>
<img name="bullet3" height="30px" width="30px" src="img/bullet.png" onmousedown=" this.src='img/bulletwhite.png';document.images['bullet1'].src='img/bullet.png';document.images['bullet2'].src='img/bullet.png'" style="opacity:0.4;filter:alpha(opacity=40)"/>

Моя следующая задача состоит в том, чтобы добавить эффект при наведении курсора к кругам, однако когда я даю ей эффект при наведении курсора, она изменяет src права изображения? таким образом, когда onmouseout инициирован, для возврата его, это всегда будет тусклый круг, даже если круг был ранее освещен.

Таким образом, мой основной вопрос - это, есть ли любой путь к нему для запоминания src изображения, ПРЕЖДЕ ЧЕМ onmouseover изменит его и затем использование, что для возвращения его его предыдущему состоянию, когда onmouseout инициирован я надеюсь, что это имеет смысл :)

Любой совет помог бы!