var i = 0;
var foto = 'pic';
var foto2 = 'pic2';
var legenda = 'legend';
var opacidade = 1;

function slideshow(){
	change();
	setInterval("change()", 12000);
}

function change(){
	opacidade = 0;
	opacity();
	document.getElementById(foto).src = pix[i];
	document.getElementById(foto2).src = pix[i];
	document.getElementById(legenda).innerHTML = legend[i];
	i = i + 1;
	if (i > (pix.length - 1)) {i = 0}  

}

function opacity() {
	var object = document.getElementById(foto);
	var object2 = document.getElementById(foto2);

	if(opacidade < 1) {
		if(opacidade == 0) {
			object.style.opacity = 0;
			object.style.MozOpacity = 0;
			object.style.KhtmlOpacity = 0;
			object.style.filter = "alpha(opacity=0)";

			object2.style.opacity = 0;
			object2.style.MozOpacity = 0;
			object2.style.KhtmlOpacity = 0;
			object2.style.filter = "alpha(opacity=0)";
		}
		opacidade = opacidade + 0.03;

		object.style.opacity = opacidade;
		object.style.MozOpacity = opacidade;
		object.style.KhtmlOpacity = opacidade;
		object.style.filter = "alpha(opacity=" + (opacidade*100) + ")";

		object2.style.opacity = opacidade;
		object2.style.MozOpacity = opacidade;
		object2.style.KhtmlOpacity = opacidade;
		object2.style.filter = "alpha(opacity=" + (opacidade*100) + ")";

	} else {
		opacidade = 1;
	}
	if(opacidade != 1) {
		setTimeout("opacity()", 10);
	}
}

window.onload = function() {
	//FxPresentation = new fx.Opacity('pic', {duration: 800});
	slideshow();
	posicionarLegenda();
}

function posicionarLegenda() {
	largura = (document.documentElement.clientWidth - 740)/2 + 47;
	document.getElementById('legend').style.left = largura+'px';
}