Ho fatto esattamente come hai detto ho messo sulla head:

codice:
function set_img(a,b,c,d) {
  document.getElementById(a).getElementsByTagName('img')[0].src = "images/icon_"+b+".gif";
  document.getElementById(c).getElementsByTagName('img')[0].src = "images/icon_"+d+".gif";
}
</script>
e ho sostituito i 2 vecchi imput dei radio con:

codice:
<input name="breed" type="radio" value="0-15" checked onclick="set_img('ww','werwolf','vp','vampir');">Werewolf

<input name="breed" type="radio" value="16-25"  onclick="set_img('ww','vampir','vp','werwolf');">Vampire
Ma non succede niente.
Quando i radio sono deselezionati le immagini si vedono ancora e non sono invisibili e quando ne seleziono uno rimangono lì dove sono.
Ho provato sia con Firefox che con IE ma non cambia niente. Consigli?