[Resolvido] Mudar imagem ao passar o mouse na legenda

Olá Pessoal!

Pesquisei muito mas não achei nada parecido na internet.

quero fazer o seguinte, tenho um menu vertical com 3 campos em cada campo uma legenda(é uma tabelinha mesmo de 1 coluna e 3 linhas)e do lado coloquei um campo de imagem... o que eu quero fazer é mudar a imagem conforme passo o mouse sobre as células. tentei usar esse código:

<script type="text/javascript">

var imagem=new Array();
imagem[0]="foto1.jpg";
imagem[1]="foto2.jpg";
imagem[2]="foto3.jpg";

function mudar_banner(x){
document.getElementById("banner").src=imagem[x];
</script>

 e em cada célula da tabela coloquei:

na 1ª onmouseover="mudar_banner(0)"

na 2ª onmouseover="mudar_banner(1)"

e na 3ª onmouseover="mudar_banner(2)"

porem não aconteçe nada... alguma pessoa bondosa de coração e genial poderia me ajudar?