Mostrar-Ocultar capas formadas a partir de bucles

[matiasvg83]

Buenas! soy nuevo en esto de la programación, llevo unos ocho meses y hay una gran infinidad de cosas que se me escapan d las manos. Estoy programando una página actualmente y me he encontrado con un problema que no soy capaz de solucionar.
Estoy intentando imprimir en pantalla una serie de fotografias de un producto (6 por pantalla), pero cada producto tiene diversos submodelos (varían de producto a producto). La información está recuperada de una base de datos. Necesito colocar unos selectores de color (div's) cuyo color también recupero de la base de datos de los subproductos, de manera que cuando hago click en uno de esos selectores me cambia la foto y aparece el submodelo correspondiente a ese color.
Tengo un javascript que es capaz de hacer que los display cambien de "none" a "block" según la selección, pero como estoy haciendo referencia al id de cada imagen, me surge la problemática de que los bucles que recorren la base de datos me generan capas con el mismo id, y como no se pueden repetir... No se si me he explicado con claridad, me resulta difícil. Si alguien tiene alguna sugerencia sería muy bienvenida. Copio parte del código: