// JavaScript Document

var tempoTransicao = 700;
var tempoExposicao = 4000;
var inicia = setInterval('Transicao()',tempoExposicao);

//var t = new Array("imagem01.jpg","imagem02.jpg","imagem03.jpg","imagem04.jpg");
var i = 0;	


//change the opacity for different browsers
function changeOpac(opacity, id) {
	var object = document.getElementById(id).style; 
	object.opacity = (opacity / 100);
	object.MozOpacity = (opacity / 100);
	object.KhtmlOpacity = (opacity / 100);
	object.filter = "alpha(opacity=" + opacity + ")";
}

function blendimage(divid, imageid, imagefile, millisec) {
	var speed = Math.round(millisec / 100);
	var timer = 0;
	
	//set the current image as background
	document.getElementById(divid).style.backgroundImage = "url(" + document.getElementById(imageid).src + ")";
	
	//make image transparent
	changeOpac(0, imageid);
	
	//make new image
	document.getElementById(imageid).src = imagefile;

	//fade in image
	for(var j = 0; j <= 100; j++) {
		setTimeout("changeOpac(" + j + ",'" + imageid + "')",(timer * speed));
		timer++;
	}
}
	
function Transicao(){
	if(i == t.length) i = 0;
	
	//document.getElementById("content").style.backgroundImage = "url(" + t[i] + ")";
	blendimage('content','imagem',t[i],tempoTransicao);
	//alert(document.getElementById('imagem').src);
	i++;
}

function Pausa(){
	clearInterval(inicia);
	document.getElementById("pause").style.display = "none";
	document.getElementById("play").style.display = "block";
}

function Inicia(){
	inicia = setInterval('Transicao()',tempoExposicao);
	document.getElementById("play").style.display = "none";
	document.getElementById("pause").style.display = "block";
}

function Proximo(){
	Pausa();
	if(i == t.length-1){ i = 0; }
	else { i++; }
	document.getElementById("content").style.backgroundImage = "url(" + t[i] + ")";
	document.getElementById("imagem").src = t[i];
}

function Anterior(){
	Pausa();
	if(i == 0){ i = t.length-1;}
	else{ i--; }
	document.getElementById("content").style.backgroundImage = "url(" + t[i] + ")";
	document.getElementById("imagem").src = t[i];
}


function Muda(obj, nv){
	nv = "imagens/" + nv;
	document.getElementById(obj).src = nv;
}