Modifier un mouseover

Bonjour,
voilà j'ai un soucis pour modifier un mouseover d'une image en javascript
Je m'explique : j'ai 2 menus (menu et menu2) lorsque l'on clique sur le menu, il faut que celui-ci reste figé et que menu2 obtient un survol (et même un mouseout) et inversement lorsqu'on clique sur menu2
Voilà le code que j'ai en minimisant le html:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 function aff_stat(menu, menu2) { document.getElementById(menu).src = "images/btn_menu_3.gif"; document.getElementById(menu).onmouseover = ""; document.getElementById(menu).onmouseout = "" document.getElementById(menu2).src = "images/btn_menu2_1.gif"; document.getElementById(menu2).onmouseover = ????????? } <a href="javascript:aff_stat('val1', 'val2')"><img id="val1" src="images/btn_menu_1.gif" onmouseover="this.src='images/btn_menu_2.gif'" onmouseout="this.src='images/btn_menu_1.gif'" border="0"></a> <a href="javascript:aff_stat('val2', 'val1')"><img id="val2" src="images/btn_menu2_1.gif" onmouseover="this.src='images/btn_menu2_2.gif'" onmouseout="this.src='images/btn_menu2_1.gif'" border="0"></a>
Voila au début le 1e menu reste bien figé quand on clique dessus mais le second aussi alors qu'il ne devrait pas et pareil si on clique sur le 2e menu
Là où se trouve les ??????????? j'ai presque tout essayé mais j'arrive toujours pas à modifier ce mouseover
J'espère que je me suis fait comprendre et que quelqu'un pourra me sortir de là
Merci d'avance

Code:

1
2
 
 document.getElementById(menu2).onmouseover = function(){ document.getElementById(menu1).src='images/btn_menu2_2.gif'}"

Ouah merci beaucoup SpaceFrog je pensais pas que c'était aussi facile que ça, fallait juste y penser ;)