Tabellenzellen per Klick umfärben

[Ben]

Hi,

ich habe eine Tabelle mit 56 Zellen. Wenn man nun auf diese einzelnen Zellen klickt, sollen sich diese dann nach jedem Klick verfärben. Von weiß zu rot, von rot zu gelb, von gelb zu grün und dann wieder weiß. Für eine einzige Zelle bekomme ich das auch hin. Sieht momentan so aus:

<script language="Javascript">
<!--

function Farbe(R, G, B ) {
this.R = R;
this.G = G;
this.B = B;
this.hex="#";
}

function color() {

var weiss = new Farbe("FF","FF","FF" );
var rot = new Farbe("FF","00","00" );
var gelb = new Farbe("FF","FF","00" );
var gruen = new Farbe("00","FF","00" );

if(document.all.zelle[0].bgColor == "" ) {
document.all.zelle[0].bgColor = rot.hex + rot.R + rot.G + rot.B;
document.dateneingabe.farbe.value = "rot";
return false; }

if(document.dateneingabe.farbe.value == "rot" ) {
document.all.zelle[0].bgColor = gelb.hex + gelb.R + gelb.G + gelb.B;
document.dateneingabe.farbe.value = "gelb";
return false; }

if(document.dateneingabe.farbe.value == "gelb" ) {
document.all.zelle[0].bgColor = gruen.hex + gruen.R + gruen.G + gruen.B;
document.dateneingabe.farbe.value = "weiss";
return false; }

if(document.dateneingabe.farbe.value == "weiss" ) {
document.all.zelle[0].bgColor = "";
return false; }
}
//-->
</script>

Die Tabellenzellen haben zur Zeit alle die ID="Zelle". Da hier in dem Code [0] angegeben ist, wird nur die erste Tabellenzelle umgefärbt.

Habt Ihr eine Idee, wie ich das ganze machen kann, ohne für jede der 56 Zellen eine eigene Funktion zu schreiben?

Vielen Dank,
Ben