Ayuda!! necesito ayuda en este codigo, paso a contar:
 
es una galeria, traigo todas las img por tagname, y por cada posicion creo una imagen ampliable, esto funciona barbaro, el problema es que nose como hacer para que no se repita! 
 
	function eliminar(elemento) {
	elemento.parentNode.removeChild(elemento);
	}
 
var catalogo = $('catalogo').getElementsByTagName('img'); // traigo img
var DivZoomG = $('DivZoomG'); // div donde las agrego
var interfaz = $('interfaz');
 
 
	for(var i=0; i<catalogo.length; i++){
 
	catalogo[0].onclick= function(){
	var crearImg1 = document.createElement('img');
	crearImg1.src='iconos/imagenes_Girls/grandes/1.jpg';
	DivZoomG.appendChild(crearImg1);
	interfaz.style.opacity=.10;
 
	DivZoomG.onclick=function(){
 
	eliminar(crearImg1);
	interfaz.style.opacity=100;
	}
	}
 
 
muchas gracias!! 
   
 
 Como hacer que un elemento se cree una sola vez?
 Como hacer que un elemento se cree una sola vez? 

