So, ich glaube ich habe verstanden, was du möchtest.
1. füge mal in den Head-Bereich des Navi-Dokumentes folgendes ein:
<script type="text/javascript" language="JavaScript">
<!--
var bg_image = new Array()
bg_image[0] = "blackearth.jpg"
bg_image[1] = "greystones.jpg"
bg_image[2] = "bluefire.jpg"
bg_image[3] = "redleave.jpg"
bg_image[4] = "greenwood.jpg"
bg_image[5] = "yellowsunflower.jpg"
function bg(col)
{
newbg = "url('menuehintergunde/" + bg_image[col] + "')";
document.getElementsByTagName("body")[0].style.backgroundImage = newbg;
}
//-->
</script>
Alles anzeigen
2. die Liste für die Anklickbutton sieht dann so aus:
<th scope="row"><div align="left">[url='javascript:void[0]'][img]menuebuttons/schwarz.gif[/img][/url]</div></th>
<th scope="row"><div align="left">[url='javascript:void[0]'][img]menuebuttons/grau.gif[/img][/url]</div></th>
<th scope="row"><div align="left">[url='javascript:void[0]'][img]menuebuttons/blau.gif[/img][/url]</div></th>
<th scope="row"><div align="left">[url='javascript:void[0]'][img]menuebuttons/rot.gif[/img][/url]</div></th>
<th scope="row"><div align="left">[url='javascript:void[0]'][img]menuebuttons/grun.gif[/img][/url]</div></th>
<th scope="row"><div align="left">[url='javascript:void[0]'][img]menuebuttons/gelb.gif[/img][/url]</div></th>
Thats all.
Noch ein Hinweis: "th" kennzeichnet Tabellenheader, für Tabellenzellen (wie in deinem Fall) verwendet man "td". Du solltest dich daran halten,, auch wenn es so funktioniert - aber der verwirrst u.U. nicht nur die Browser 
Insgesamt müßte dein Quelltext überarbeitet werden, da ist vieles doppelt oder überflüssig, z.B. die ganzen Div-Tags innerhalb der Tabellenzellen (s.o.).
G.a.d.M.
Ronald
