// JavaScript Document
var slide_show_width=220 //setar largura da imagem

var slide_show_height=165 //setar altura da imagem

var _pause=3000 //setar a pausa de transição de uma imagem para outra (5000 = 5 seconds)



var fade_images=new Array()


//setar o nome das imagens envolvidas:
var n_Img=0;
for (n_Img=0;n_Img<document.getElementById("n_res2").value;n_Img++){
	
	fade_images[n_Img]=document.getElementById("img_"+n_Img).value;
}





var preloaded_images=new Array()

for (_p=0;_p<fade_images.length;_p++){

preloaded_images[_p]=new Image()

preloaded_images[_p].src=fade_images[_p]

}



var ie_4=document.all&&navigator.userAgent.indexOf("Opera")==-1

var _dom=document.getElementById&&navigator.userAgent.indexOf("Opera")==-1


//nesta parte você pode alterar as propriedades do DIV que será mostrado as imagens se alternando:

if (ie_4||_dom)

document.write('<div style="position:relative;width:'+slide_show_width+'px;height:'+slide_show_height+'px;"> <div id="canvas_0" style="position:absolute;width:'+slide_show_width+'px;height:'+slide_show_height+'px; top:0;filter:alpha(opacity=10);-moz-opacity:10;opacity:0.1;"></div><div id="canvas_1" style="position:absolute;width:'+slide_show_width+'px;height:'+slide_show_height+'px; top:0;filter:alpha(opacity=10);-moz-opacity:10;opacity:0.1"></div></div>')

else

document.write('<img name="default_slide" src="'+fade_images[0]+'" width='+slide_show_width+'px>')

var _curpos=10

var _degree=10

var cur_canvas="canvas_0"

var cur_imageindex=0

var next_imageindex=1



function fade_pic(){

if (_curpos<100){

	_curpos+=10
	
	if (temp_obj.filters)
	
	temp_obj.filters.alpha.opacity=_curpos
	
	else if (temp_obj.style.MozOpacity)
	
	temp_obj.style.MozOpacity=_curpos/100
	else if (temp_obj.style.opacity)temp_obj.style.opacity=curpos/100
	
	
}

else{
	
	clearInterval(drop_slide)
	
	next_canvas=(cur_canvas=="canvas_0")? "canvas_0" : "canvas_1"
	
	temp_obj=ie_4? eval("document.all."+next_canvas) : document.getElementById(next_canvas)
	
	temp_obj.innerHTML='<img src="'+fade_images[next_imageindex]+'" width='+slide_show_width+'px>'
	if (temp_obj.filters)temp_obj.filters.alpha.opacity=0
	else if (temp_obj.style.MozOpacity)temp_obj.style.MozOpacity=0
	else if (temp_obj.style.opacity)temp_obj.style.opacity=0
	next_imageindex=(next_imageindex<fade_images.length-1)? next_imageindex+1 : 0
	
	setTimeout("rotate_image()",_pause)

}

}



function rotate_image(){

if (ie_4||_dom){

reset_it(cur_canvas)

var cross_obj=temp_obj=ie_4? eval("document.all."+cur_canvas) : document.getElementById(cur_canvas)

cross_obj.style.zIndex++

var _temp='setInterval("fade_pic()",30)'

drop_slide=eval(_temp)

cur_canvas=(cur_canvas=="canvas_0")? "canvas_1" : "canvas_0"

}

else

document.images.default_slide.src=fade_images[cur_imageindex]

cur_imageindex=(cur_imageindex<fade_images.length-1)? cur_imageindex+1 : 0



}



function reset_it(what){

_curpos=10

var cross_obj=ie_4? eval("document.all."+what) : document.getElementById(what)

if (cross_obj.filters)

cross_obj.filters.alpha.opacity=_curpos

else if (cross_obj.style.MozOpacity)

cross_obj.style.MozOpacity=_curpos/100

}



function start_it(){

var cross_obj=ie_4? eval("document.all."+cur_canvas) : document.getElementById(cur_canvas)

cross_obj.innerHTML='<img  src="'+fade_images[cur_imageindex]+'" width='+slide_show_width+'px>'

rotate_image()

}


if (ie_4||_dom) var _entrou=true;
else setInterval("rotate_image()",_pause)