Changer cible du lien

Bonjour,

Je fais une sorte de diaporama, deux petites images,et une un peu moyenne au dessus
au clique grâce à une fonction javascript, la petite image devient moyenne au dessus, jusque la tout va bien. mais ce que j'aimerai changer c'est le lien car en plus de la moyenne image, au clique j'ouvre une fenêtre ligthbox avec une image plus grande , ca marche pour une (la premiere celle qui est par default) mais le probleme est que le lien ne change pas (comme pour les images)

voila ma fonction :

function changer(idproduit,num)
{

// ICI CELA FONCTIONNE POUR LE CHANGEMENT D'IMAGE
    document.getElementById('img_produit2').src='images/produits/'+ idproduit +'.sml'+num+'.jpg'; 

  
 // ICI CELA NE FONCTIONNE PA PR LE CHANGEMENT DE LIEN
  var href2 = 'images/produits/'+ idproduit +'.big'+num+'.jpg';
		document.getElementById("img_prod").href = href2 ;



}

et mon image html

<a class="thickbox" id=""img_prod" href="images/produits/<?= $rProduit['idproduit'] ?>.big0.jpg">
<div style="text-align: center; font-size: 9px;"><img id="img_produit2" width="230px" border=0 src="images/produits/<?= $rProduit['idproduit'] ?>.thb0.jpg"><br /><center>[Zoom]</center></a></div>

  <br><img border=0 style="width: 60px;"  src="images/produits/<?= $rProduit['idproduit'] ?>.thb0.jpg" onclick="javascript:changer(<?= $rProduit['idproduit'] ?>,0);" alt="" />
  <br><img border=0 style="width: 60px;"  src="images/produits/<?= $rProduit['idproduit'] ?>.thb0.jpg" onclick="javascript:changer(<?= $rProduit['idproduit'] ?>,1);" alt="" />

Bon ben voila, j'aimerai pouvoir changer le lien (en fait dans le href le big0 doit devenir big1 ou big2 au moment d'effectué la fonction de changement.

Merci pour votre aide