Imágenes en capas div

[er_luigi]

Hola a todos,
Estoy haciendo una página que contiene varias capas unas encima de otras. Cada capa contiene una imagen que se repite varias veces y en la que se puede clickar. Como la imagen es la misma en todas las capas, decidí añadirla con código javascript, de modo que en vez de poner la imagen lo que hago es llamar a la siguiente función:

function crea_boton(nombre)
{
document.writeln("<A HREF='' onclick='bolas("+nombre+"); return false'>");
document.writeln("<IMG NAME="+nombre+" SRC='./imagenes/bolaverde.gif'
ALIGN='CENTER' border='0'>");
document.writeln("</A>");
}

Para poder utilizar esta función tengo que añadir una referencia al fichero .js en cada capa.
Mi problema es que la función solo es capaz de crear los botones en la primera capa y el resto de las capas o no se crean o se crean con multitud de errores.
Después de mucho investigar descubrí que el problema lo daba la etiqueta IMG ya que con los anclajes A si que funcionaba.

Mi pregunta es, ¿podría crear de otra forma esos botones (imágenes que se puedan clickar) utilizando una función javascript similar?

Muchas gracias por haberte leido todo este rollo.