//<!--
//Fade-in image slideshow- By Dynamic Drive
//For full source code and more DHTML scripts, visit http://www.dynamicdrive.com
//This credit MUST stay intact for use

//IMÁGENES
// var fadeimages=new Array()
// fadeimages[0]="images/foto01.jpg"
// fadeimages[1]="images/foto02.jpg"
// fadeimages[2]="images/foto03.jpg"
//Ancho de la imagen
//var slideshow_width = 200
//Alto de la imagen
//var slideshow_height = 200 
//Pausa entre imágenes (1.000=1 segundo)
//var pause=1500 

////NO need to edit beyond here/////////////

var preloadedimages = new Array()
for (p = 0; p < fadeimages.length; p++) {
	preloadedimages[p] = new Image()
	preloadedimages[p].src = fadeimages[p]
}

var ie4 = document.all&&navigator.userAgent.indexOf("Opera") == -1
var dom = document.getElementById&&navigator.userAgent.indexOf("Opera") == -1

if (ie4||dom) document.write('<div style="position:relative;width:' + slideshow_width + ';height:' + slideshow_height + ';overflow:hidden"><div  id="canvas0" style="position:absolute;width:' + slideshow_width + ';height:'+slideshow_height + ';top:0;left:0;filter:alpha(opacity=10);-moz-opacity:10"></div><div id="canvas1" style="position:absolute;width:' + slideshow_width+';height:' + slideshow_height + ';top:0;left:0;filter:alpha(opacity=10);-moz-opacity:10"></div></div>')
else {
	
	document.write(incioEnlace +'<img ' +efectos + ' class="figura" name="defaultslide" src="' + fadeimages[0] + '">' + finEnlace);
	
}
var posdelta = 4
var curpos = posdelta
var degree = 10
var curcanvas = "canvas0"
var curimageindex = 0
var nextimageindex = 1

function fadepic() {
	if (curpos < 100-posdelta) {
		curpos+=posdelta
		if      (tempobj.filters)          tempobj.filters.alpha.opacity = curpos
		else if (tempobj.style.MozOpacity) tempobj.style.MozOpacity = curpos/100
	}
	else {
		clearInterval(dropslide)
		nextcanvas = (curcanvas=="canvas0") ? "canvas0" : "canvas1"
		tempobj = ie4 ? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
		tempobj.innerHTML = incioEnlace +'<img ' + efectos + 'class="figura" src="' + fadeimages[nextimageindex] + '" >' + finEnlace
		nextimageindex = (nextimageindex<fadeimages.length-1) ? nextimageindex+1 : 0
		pepe = setTimeout("rotateimage()", pause)
	}
}

function rotateimage() {
	if (ie4 || dom) {
		resetit(curcanvas)
		var crossobj = tempobj = ie4 ? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
		crossobj.style.zIndex++
		var temp = 'setInterval("fadepic()",20)'
		dropslide = eval(temp)
		curcanvas = (curcanvas=="canvas0") ? "canvas1" : "canvas0"
	}
	else document.images.defaultslide.src = fadeimages[curimageindex]
	curimageindex = (curimageindex<fadeimages.length-1) ? curimageindex+1 : 0
}

function resetit(what) {
	curpos = posdelta
	var crossobj = ie4 ? eval("document.all."+what) : document.getElementById(what)
	if      (crossobj.filters)          crossobj.filters.alpha.opacity = curpos
	else if (crossobj.style.MozOpacity) crossobj.style.MozOpacity=curpos/100
}

function startit() {
	var crossobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
	crossobj.innerHTML = incioEnlace +'<img ' + efectos + 'class="figura" src="' + fadeimages[curimageindex] + '" > ' + finEnlace
	rotateimage()
	
}

function cambioDeColeccion(coleccion){
	clearInterval(dropslide)
	clearTimeout(pepe)
	curpos = posdelta
	degree = 10
	curcanvas = "canvas0"
	curimageindex = 0
	nextimageindex = 1
	fadeimages = coleccion
	preloadedimages=new Array()
	for (p = 0; p < fadeimages.length; p++) {
		preloadedimages[p] = new Image()
		preloadedimages[p].src = fadeimages[p]
	}
	if (ie4 || dom) 
	{
		var crossobj = ie4 ? document.all.canvas0 : document.getElementById("canvas0")
		crossobj.innerHTML = ""
		crossobj = ie4 ? document.all.canvas1 : document.getElementById("canvas1")
		crossobj.innerHTML = ""
		resetit("canvas0")
		resetit("canvas1")
		startit()
	}
	else setInterval("rotateimage()", pause)
}



if (ie4 || dom) window.onload = startit
else setInterval("rotateimage()", pause)



// -->