function listen(event, elem, func) {
    if (elem.addEventListener)  // W3C DOM
        elem.addEventListener(event,func,false);
    else if (elem.attachEvent) { // IE DOM
         var r = elem.attachEvent("on"+event, func);
		 return r;
	}
    else throw 'No es posible añadir evento';
}

function imagendinamica(){
for (var i=0; document.getElementById("catalogo"+i) != null; i++){
	listen("mouseover", document.getElementById("catalogo"+i), activarboton);
}
for (var i=0; document.getElementById("catalogo"+i) != null; i++){
	listen("mouseout", document.getElementById("catalogo"+i), normailzarboton);
}

}

// Leccion, el puto internet explorer no toma la referencia a los objetos directamente
// si coloco this.src , lo cual seria logico para cambiar en este caso la ruta de la imagen
// en Firefox funciona, pero en IE no. Debugueando con Alerts, me doy cuenta que this.src
// es nulo, IE no toma this como referencia.


function activarboton(ev) {
    var src = window.event ? window.event.srcElement : ev.target;
	src.src = src.src.substring(0,src.src.indexOf(".jpg")) + "a.jpg";
}
function normailzarboton(ev) {
    var src = window.event ? window.event.srcElement : ev.target;
	src.src = src.src.substring(0,src.src.indexOf("a.jpg")) + ".jpg";
}


function mostrar_imagen(x){
		obj = document.getElementById("agrandar_img_cortina");
		obj.style.display = (obj.style.display=="none") ? 'block' : 'none';
		obj2 = document.getElementById("agrandar_img");
		obj2.style.display = (obj.style.display=="none") ? 'block' : 'none';
		
		
		//imagen = document.createElement('img');
		//imagen.id = "img_grande";
		//imagen.src = x;
		obj2.appendChild(imagen);
		alert(x);
		
	}
function inicio(){
	imagendinamica();
}