JS скрипт смены картинок при наведении на ссылку

[Андрей79]

Здравствуйте.
Есть скрипт, который выполняет смену картинок, при наведении на разные ссылки. Дело в том, что когда убираешь мышь со ссылки, картинка соответствующая ссылке остается. Как сделать так, что бы она убиралась? Вернее не убиралась, а возвращалась на первую картинку?
Вот скрипт

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>
<script type="text/javascript">
// JavaScript Document
$(document).ready(function(){
		$('a').hover(
			function(){
				id = $(this).attr('id');
				id = id.replace(/menu(\d+)/gi,'$1');
				$('#img').attr('src','/img/gallery/'+id+'.jpg');
			}
		);	
});
</script>

Вот код ссылки

<a href="#" id="boevoe_cvet">карате</a>

а вот этот код вставляю где должно фото отображаться

<img src="/img/imgbutton/boevoe_grey.jpg" id="img">

Помогите пожалуйста сделать так, что бы когда курсор уводился со ссылки, снова появлялась изначальная фотка ="/img/imgbutton/boevoe_grey.jpg"

[SkyM@n]

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>
<script type="text/javascript">
// JavaScript Document
$(document).ready(function(){
      $('a').hover(
            function(){
                 id = $(this).attr('id');
		 id = id.replace(/menu(\d+)/gi,'$1');
		$('#img').attr('src','/img/gallery/'+id+'.jpg');
	   },
            function(){
		$('#img').attr('src','/img/imgbutton/boevoe_grey.jpg');
	   });	
});
</script>