Survole d'une image en JAVASCRIPT

Bonjour,

function marque()
{
  id = Math.round((Math.random()*6)+1);
  document.write('<a href="javascript:lien(id)" >');
  document.write('<img src="images/color/'+ id+ '.jpg" width="86" height="60" border="0" />');
  document.write('</a>');
}
</script> 

le code m'affiche 6 images aléatoirement dans un tableau de 6 cases avec à chaque fois le lien vers la page correspondante via ma fonction " lien " j'aimerais qu'au passage de la souris l'image devienne noir et blanc donc changer d'image "images/blackwhite/" mais je n'arrive pas à placer correctement mon " onmouseover " pourriez-vous m'aider. Merci beaucoup.