// JavaScript Document
var servicoAtual = "" ;
var intervalo;
var segundos = 5;
var itensServicos = new Array("plasticos_industriais","comunicacao_visual","construcao_civil")

if(!Array.indexOf){
	Array.prototype.indexOf = function(obj){
		for(var i=0; i<this.length; i++){
			if(this[i]==obj){
				return i;
			}
		}
		return -1;
	}
}

window.onload = function(){
	animServicos(0);
}

function alteraServicoBotao(servico){
    clearInterval(intervalo);
	alteraServico(servico);
}

function alteraServico(servico){
	if(servicoAtual != servico.id){
		servico.className = "ativo";
		var numAtual = itensServicos.indexOf(servicoAtual);
		var num = itensServicos.indexOf(servico.id);
		if(servicoAtual != ""){
			document.getElementById(servicoAtual).className = "";
			document.getElementById("descChamada"+(numAtual+1)).style.display = "none";
		}		
		var posFoto = (313*(num*-1));
		document.getElementById("chamada").style.backgroundPosition = "0px "+posFoto+"px";
		document.getElementById("descChamada"+(num+1)).style.display = "block";
		servicoAtual = servico.id
	}
}



function voltarAnimacao(){
	animServicos(itensServicos.indexOf(servicoAtual));
}

function animServicos(num){
	alteraServico(document.getElementById(itensServicos[num]))
	clearInterval(intervalo);
	if(num < (itensServicos.length - 1)) num++;
	else num = 0;
	intervalo = window.setInterval(function() {animServicos(num)}, segundos*1000);
}