var a_precarga = new Array();
var intervalo = null;
var conteo = 1;

function slide(contenedor,ancho,alto,a_imagenes,tiempo){
	var divContenedor = document.getElementById(contenedor);
	var imgSlide1 = document.createElement('img');
	var imgSlide2 = document.createElement('img');
	divContenedor.style.position = 'relative';
	divContenedor.style.textAlign = 'center';
	divContenedor.style.width = ancho+"px";
	divContenedor.style.height = alto+"px";
	imgSlide1.setAttribute('name','imgSlide1');
	imgSlide1.setAttribute('id','imgSlide1');
	imgSlide1.setAttribute('width',ancho);
	imgSlide1.setAttribute('height',alto);
	imgSlide1.setAttribute('style','position:absolute;left:0px;top:0px;filter:alpha(opacity=100); -moz-opacity:1; opacity:1;display:block;');
	imgSlide2.setAttribute('name','imgSlide2');
	imgSlide2.setAttribute('id','imgSlide2');
	imgSlide2.setAttribute('width',ancho);
	imgSlide2.setAttribute('height',alto);
	imgSlide2.setAttribute('style','position:absolute;left:0px;top:0px;filter:alpha(opacity=0); -moz-opacity:0; opacity:0;display:block;');
	divContenedor.appendChild(imgSlide2);
	divContenedor.appendChild(imgSlide1);

	
	// Carga la primara imagen de la matriz como elemento primario
	if(a_imagenes.length > 0){
		document.images['imgSlide1'].src=a_imagenes[0];
	}
	for(var img = 1; img < a_imagenes.length; img++){
		a_precarga[img-1] = new Image(ancho,alto);
		a_precarga[img-1].src = a_imagenes[img];
	}
	a_precarga[a_imagenes.length - 1] = new Image(ancho,alto);
	a_precarga[a_imagenes.length - 1].src = a_imagenes[0];
		
	intervalo = setInterval('slide_cambia()',(tiempo * 1000));
}

function slide_cambia(){
	conteo++;
	a_precarga.push(a_precarga[0]);
	if(conteo % 2 != 0){
		document.images['imgSlide1'].src = a_precarga.shift().src;
	} else {
		document.images['imgSlide2'].src = a_precarga.shift().src;
	}
	desvaneceSlide(0);
}

function desvaneceSlide(nivel){
	var elemento1 = null;
	var elemento2 = null;
	if(nivel >= 100) return true;
	
	if(conteo % 2 != 0){
		elemento1 = document.getElementById('imgSlide1');
		elemento2 = document.getElementById('imgSlide2');
	} else {
		elemento1 = document.getElementById('imgSlide2');
		elemento2 = document.getElementById('imgSlide1');
	}
	
	nivel = nivel + 10;
	
	try {
		elemento1.filters.alpha.opacity = nivel;
		elemento2.filters.alpha.opacity = (100-nivel);
	} catch (e) {
		elemento1.style.opacity = (nivel/100);
		elemento2.style.opacity = 1-(nivel/100);
	}

	setTimeout('desvaneceSlide('+nivel+');',100);
}