Formular mit mehreren Input->Style=Image Buttons

[P51D]

Hallo miteinander

Ich habe ein kleines Problem bei dem ich nicht weiter weiss:
Ich möchte bei der Bildergalerie noch eine Zusatzfunktion einbauen, bei der der Besucher die Bilder in einem ZIP herunterladen kann (dies funktioniert soweit auch). Aber jetzt ist das bei je nach dem 50 Bildern etwas mühsam alles einzeln anzuwählen -> Funktion die die Checkboxen setzt oder cleard. Diese Funktion wird über einen Input-Button aufgerufen.
Soweit so gut. Da ich jetzt aber der schönheithalber eigene Buttens benützen möchte (kann man ja über style="image" und src="button.png") habe ich das Problem, dass ich einer für das set/clear der Checkboxen und ein weiterer für den Download brauche.
Bei style="button" (für Chckbox-Funktion) geht das, aber sobald ich den style auf image ändere, wird bei beiden Buttons die Form gesendet.

Wie kann ich dies umgehen?

<script type="text/javascript" language="JavaScript">
var state = false;                                                            // Globale Checkbox-Status Variable

function checkAll() {    
    var cb = document.getElementsByTagName("input");                        // Input Typ wählen

    if(state == false){                                                        // Alle auswählen
        state = true;
        for (var i=0; i<cb.length; i++){                                    // Jeden Typ prüfen
            if (cb[i].type == "checkbox")                                    // Wenn Checkbox
                  cb[i].checked = state;                                        // -> checked = true
        }
        return "image/select_none.png";                                        // Button anpassen
    }
    else{                                                                    // Auswahl zurücksetzen
        state = false;
        for (var i=0; i<cb.length; i++){                                    // Jeden Typ prüfen
            if (cb[i].type == "checkbox")                                    // Wenn Ceckbox
                  cb[i].checked = state;                                        // -> checked = false
        }
        return "image/select_all.png";                                        // Button anpassen
    }
    
}
</script>
<form method="post" action="../zipdownload.php">
    <table>
        <td style="width:158px; padding-top:40px" align="center">
            <p>
                <a href="unterseiten/bilder/waldfest 2010/waldfest_2010_111.JPG" rel="clearbox=[gallery=Waldfest 2010]" title="waldfest_2010_111.JPG">
                    <img border="0" class="glossy" src="unterseiten/bilder/waldfest 2010/waldfest_2010_111.JPG" width="134xp" height="98px" alt=""/>
                </a>
            </p>
            <input name="checkbx[]" type="checkbox" value="harmonie/unterseiten/bilder/waldfest 2010/waldfest_2010_111.JPG"/>Bild-1
        </td>

        <td style="width:158px; padding-top:40px" align="center">
            <p>
                <a href="unterseiten/bilder/waldfest 2010/waldfest_2010_060.JPG" rel="clearbox=[gallery=Waldfest 2010]" title="waldfest_2010_060.JPG">
                    <img border="0" class="glossy" src="unterseiten/bilder/waldfest 2010/waldfest_2010_060.JPG" width="98px" height="134xp" alt=""/>
                </a>
            </p>
            <input name="checkbx[]" type="checkbox" value="harmonie/unterseiten/bilder/waldfest 2010/waldfest_2010_060.JPG"/>Bild-2
        </td>
    </table>
    <input type="image" src="images/select_all.png" alt="Auswahl alles/nichts" onClick="this.src=checkAll()"/>
    <input type="image" src="images/zip_button.png" alt="Ausgewählte Bilder als ZIP downloaden"/>
</form>

Besten Dank für die Hilfe
MFG
P51D