Testo a comparsa: dove sbaglio?

[teju]

Ciao a tutti, vorrei avere, in una stessa pagina, i testi in italiano ed in inglese, che vengono visualizzati cliccando su una bandierina, senza che venga ricaricata la pagina.

Seguendo vecchi tred qui sul forum, ho provato a realizzare un codice che più o meno funziona mediante i pulsanti "radio" delle FORM HTML.
Questo il codice:

<script type="text/javascript" language="javascript">
function traduci(1, 2){
  if (document.getElementById){
    if(document.getElementById(1).style.display == 'none'){
      document.getElementById(1).style.display = 'block';
        document.getElementById(2).style.display = 'none';
    }
    if(document.getElementById(1).style.display == 'block'){
      document.getElementById(1).style.display = 'none';
        document.getElementById(2).style.display = 'block';
    }
  }
  return true;
}
</script> 

<input type="radio" name="camera" value="singola" onclick="traduci('ita', 'eng'); return true" /> ita - <input type="radio" name="camera" value="doppia" onclick="traduci('eng', 'ita'); return true" /> eng
<div id="ita" style="display:none">Txt in ITA</div>
<div id="eng">Txt in ENG</div> 

Tale codice funziona unicamente al secondo passaggio sui bottoni "radio", non alla prima volta.
Inoltre vorrei togliere i bottoni radio ed inserire due belle immaginette con le bandierine: mi date una mano??

Grazie!!