Přeínání gif-obrázků u tlačítek

Ahojda lidi - tak mám zaséjc problém, tentokráte s tlačítkama.

Mám udělaný tlačítko, které po najetí myší změní obrázek - viz http://www.klepal.cz/html/tlacitka.html
- vše funguje bez problému.
Problém je v tom, že když chci umístit dvě tlačítka pod sebe, tak už se mi nepřepínají obrázky, a to ani když zkopíruju stejný html kód pod sebe.
Mým cílem je vytvořit menu, ve kterém se po najetí myší na určitou položku změní položka barvu
- např. z modré (tlacitko0.gif) na červenou (tlacitko1.gif).



<SCRIPT LANGUAGE="JavaScript">
<!--
if ((navigator.appName == "Netscape" && parseInt(navigator.appVersion) >= 3) || (navigator.appName == "Microsoft Internet Explorer" && parseInt(navigator.appVersion) >=4)) Java = "Enabled";
else Java = "Disabled";

if (Java == "Enabled") {
tlacitko0 = new Image();
tlacitko0.src = "tlacitko0.gif";
tlacitko1 = new Image();
tlacitko1.src = "tlacitko1.gif";
}

function changeImage(ImgName,OnOff) {
if (Java == "Enabled") {
ImageSource = eval (ImgName + OnOff);
document[ImgName].src = ImageSource.src;
}
}
//-->
</SCRIPT>

<TABLE WIDTH="100%" HEIGHT="100%"><TR><TD ALIGN="left" VALIGN="left">

<A HREF="neco.html" ONMOUSEOVER="changeImage('tlacitko','1')" ONMOUSEOUT="changeImage('tlacitko','0')"><IMG SRC="tlacitko0.gif" WIDTH="126" HEIGHT="32" BORDER="0" ALT="tlačítko" NAME="tlacitko"></A>



MAXIDÍK za rady a hlavně za trpělivost mými začátky.