cambio de imagenes dinamicas

[rufyto]

hola.
espero que podais ayudarme a simplificar este codigo.
podéis ver de lo ke os hablo en www fakecamisetas es , en cualquiera de las secciones de diseños.

bien. el tema es que para ke cuando paso por encima de los colores de la tabla cambie la imagen de la camiseta a otro color e hecho esto:

Código:

function negra () {
document.images["camiseta1"].src = "/images/camiseta-negra.jpg";
document.images["camiseta2"].src = "/images/camiseta-negra.jpg";
...
}
function blanca () {
document.images["camiseta1"].src = "/images/camiseta-blanca.jpg";
document.images["camiseta2"].src = "/images/camiseta-blanca.jpg";
...
}

y

Código:

<a href="#" class="blanco" onmouseover="negra();" > NEGRA</a>
...

y

Código:

<img src="/images/camiseta-negra.jpg"name="camiseta1" width="254" height="259" id="camiseta1" />
<img src="/images/camiseta-negra.jpg"name="camiseta2" width="254" height="259" id="camiseta2" />

Problema? Ke las lineas de codigo se multiplican por el numero de colores y por el numero de veces ke pongo la camiseta.
Por el numero de colores es razonable, pero tengo una galeria de 45 imagenes ke ira en aumento, osease una lokura.

al principio en firefox me funcionaba llamando a la misma ["camiseta1"].src una y otra vez, pero en IE a la ke la ponia 2 veces con el mismo nombre me dejaba de funcionar.

si no, seria interesante meter el javascript en el css para no porerlo en cada html. esto es factible?

espero haber resumido bien el tema. muchas gracias desde ya.