// Autor: Jallmalatesta
// web: http://empacho-de-melon.webcindario.com
// funciona en Internet Explorer 5.5+, Mozilla, Firefox y Opera 7

// El array de arrays "banners" almacenará la información necesaria de los banners que vamos a rotar.
// Se indican el ancho y alto de cada banner en píxeles
var banners = new Array();
banners[0] = new Array("fotos/0011.jpg", "fotos/portada1.jpg", "519", "258");
banners[1] = new Array("fotos/0021.jpg", "fotos/portada2.jpg", "519", "258");
banners[2] = new Array("fotos/0051.jpg", "fotos/portada3.jpg", "519", "258");
banners[3] = new Array("fotos/0054.jpg", "fotos/portada4.jpg", "519", "258");
banners[4] = new Array("fotos/0142.jpg", "fotos/portada5.jpg", "519", "258");
banners[5] = new Array("fotos/0059.jpg", "fotos/portada6.jpg", "519", "258");
banners[6] = new Array("fotos/0144.jpg", "fotos/portada7.jpg", "519", "258");
banners[7] = new Array("fotos/0120.jpg", "fotos/portada8.jpg", "519", "258");
banners[8] = new Array("fotos/0030.jpg", "fotos/portada9.jpg", "519", "258");

// variable que contendrá el tiempo que tardará en cabiarse el banner:
var tiempo = 3000; // cuenta en milisegundos por lo tanto cambia cada 3 segundos.
var numero_banner = 0; //almacenará el número del banner que se mostrará, este es su valor inicial.

// función que cambia el número de banner que se visualizará. 
// Esta función se llamará por primera vez cuando se cargue la página, llamando al evento onload();
function cambia_numero_banner() {
    numero_banner++;
    if (numero_banner >= banners.length) numero_banner = 0;
    rotabanner(numero_banner);
    setTimeout("cambia_numero_banner()", tiempo);
}

// función que dibuja el banner en la tabla
function rotabanner(numero_banner) {
    var mi_Imagen = "";
    mi_Imagen = "<a href='" + banners[numero_banner][0] + "' target='_blank'>";
    mi_Imagen += "<img class='imagenBanner' src='" + banners[numero_banner][1] + "' border='0' width='519px'";
    mi_Imagen += "' height='258px'></a>";
    document.getElementById('miBanner').innerHTML = mi_Imagen;
}