Problemas com zoom na imagem

Boa tarde galera, to com um probleminha que nao consigo resolver, tenho uma galeria com miniaturas, ao clicar na miniatura muda a imagem principal porem o zoom não esta mudandodando, segue o codigo

<script language="JavaScript">
function abre(imagem) {
 document.getElementById("img").src=''+ imagem +'';
}
</script>

 

<span class="zoom" id="ex1">

 <img id="img" src="imgprincipal.jpg" alt="" />

 <p class="passe">Passe o mouse</p>

</span>

 

<li>

 <a href="#" onClick="abre('img1.jpg')">

 <img src="thumb1.jpg" alt="" />

<a href="#" onClick="abre('img2.jpg')">

 <img src="thumb2.jpg" alt="" />

<a href="#" onClick="abre('img3.jpg')">

 <img src="thumb3.jpg" alt="" />

 </a>

</li>

Considerções: a imagem thumb vem de uma tabela diferente do banco de dados, o javascript funciona normalmente para mudar a foto só nao muda a foto que aparece no zoom, alguem poderia me ajudar ou me dar um luz, uma explicação, grato desde já !