Fortsat: Ændre indhold i et input felt

Nedenstående kode virker (i IE i hvert fald), men er meget langsom, fordi der skal søges igennem alle elementer i form-objektet for at finde det rigtige input-felt. Kan dette ikke gøres hurtigere, evt mere kompatibel med andre browsere?
(se evt gammelt spørgsmål \'Ændre indhold i et input felt\')
<script language=\'javascript\'>
        pic1 = new Image;
        pic1.src = \'images/pic1.gif\'

        pic2 = new Image
        pic2.src = \'images/pic2.gif\'

        function invertImage(obj, id) {
            if(obj.src == pic2.src) {
                obj.src=pic1.src
                inputname = \'notclicked[]\'
            }
            else {
                obj.src=pic2.src
                inputname = \'clicked[]\'
            }
            for(i=0;i<document.forms[0].elements.length;i++) {
                if(document.forms[0].elements[i].id==id)
                    document.forms[0].elements[i].name= inputname
            }

        }
</script>

<form method=\'post\' action=\'dostuff.php\'>
<table border=\'0\'>
<tr>
  <td><img src=\'images/pic1.gif\' onclick=\'invertImage(this, 1)\'><input id=\'1\' type=\'hidden\' name=\'notclicked[]\' value=\'1\'></td>
  <td><img src=\'images/pic1.gif\' onclick=\'invertImage(this, 2)\'><input id=\'2\' type=\'hidden\' name=\'notclicked[]\' value=\'2\'></td>
  <td><img src=\'images/pic1.gif\' onclick=\'invertImage(this, 3)\'><input id=\'3\' type=\'hidden\' name=\'notclicked[]\' value=\'3\'></td>
</tr>
<tr>
  <td><img src=\'images/pic1.gif\' onclick=\'invertImage(this, 4)\'><input id=\'4\' type=\'hidden\' name=\'notclicked[]\' value=\'4\'></td>
  <td><img src=\'images/pic1.gif\' onclick=\'invertImage(this, 5)\'><input id=\'5\' type=\'hidden\' name=\'notclicked[]\' value=\'5\'></td>
  <td><img src=\'images/pic1.gif\' onclick=\'invertImage(this, 6)\'><input id=\'6\' type=\'hidden\' name=\'notclicked[]\' value=\'6\'></td>
</tr>
</table>
</form>