onclick

Codice HTML:

---

<table border="0">
  <tr>
      <td><input type="text" id="r_categoria_txt" style="width:250px;" />
      <td><img src="img/freccia_giu.gif" id="freccia_categoria" onclick="visualizza_div(\'div_categoria\');" /></td></tr></table>';

 <div style="margin-left:4px;border:#000 1px solid;visibility:hidden;width:250px;text-align:left;" id="div_categoria">';

---

praticamente ho questo input, con a destra la frecciettina in giu, quando la premo esce il div nascosto con un elenco di cose, nel momento in cui esce il div vorrei poter far cambiare l'immagine freccia in giu con freccia su (chiaramente ho sia la frecciagiu che su nella cartella img)
qualcuno ha idee in merito?

Nella funzione visualizza_div aggiungi in fondo:

document.getElementById('freccia_categoria').setAt tribute("src","img/freccia_su.gif");

Ciao!