function addEvent(obj, evType, fn){
	if (obj.addEventListener){
		obj.addEventListener(evType, fn, true);
		return true;
	}else if (obj.attachEvent){
		var r = obj.attachEvent("on"+evType, fn);
		return r;
	}else{
		//alert("Handler could not be attached");
		return false;
	}
}

var contador = 0;

function cambiarOpacidad(objeto, valor) {
    objeto.style.opacity = valor;
    objeto.style.filter = 'alpha(opacity=' + valor*100 + ')';
}

function bannerTransicion() {
    var bannersRotatorios = document.getElementById("contenedorImagen").getElementsByTagName("IMG");
    var opacidadActual = parseFloat(bannersRotatorios[1].style.opacity);
    if (opacidadActual < 1) {
        cambiarOpacidad(bannersRotatorios[1], opacidadActual + 0.1)
        setTimeout("bannerTransicion()", 50);
    } else {
        document.getElementById("contenedorImagen").removeChild(bannersRotatorios[0]);
        setTimeout("rotarBanners()", 4000);
    }

}

function rotarBanners() {
    var nuevaImagen = document.createElement("IMG");
    nuevaImagen.src = "img/" + aImagenes[contador];
    cambiarOpacidad(nuevaImagen, 0);
    document.getElementById("contenedorImagen").appendChild(nuevaImagen);
    addEvent(nuevaImagen, "load", bannerTransicion);
            
    if (contador < aImagenes.length - 1) { // poner el contador en el numero que toca
        contador++;
    } else {
        contador = 0;
    }
}