var tempo = 5000;
var intervalo;
var elemento;
var quantos;
var atual;


// Funções do Banner


jQuery(document).ready(function(){
	var slideSize = jQuery(".slideBox div").length;	
	jQuery(".slideBox").width( slideSize * 780 )
});

function bannerRotator(element) {
	
	// Conta quantos banners existem:
	jQuery('<ul class="buttons"></ul>').appendTo(element);
	i = 0;
	jQuery(element).find(".banner").each(function() {
		jQuery(element).find(".banner").eq(i).addClass("id"+i);
		buttons = element+" ul.buttons";
		acId = i+1;
		jQuery('<li><a href="javascript:getBanner('+i+');">'+acId+'</a></li>').appendTo(buttons);
		i++;
	});
	
	// Inicia a rotacao
	elemento = element;
	quantos = i;
	rotate(i,-1);
	
	// Arruma os botoes, as posicoes
}

function getBanner(i) {
	i = i-1;
	rotate(quantos, i);
}


function rotate(i, base) {
	left = 780;
	
	clearInterval(intervalo);
	
	if (base<i-1) {
		base++;
		atual = base;
		intervalo = setInterval('rotate('+i+', '+base+');', tempo);
	}
	else {
		base = 0;
		atual = base;
		intervalo = setInterval('rotate('+i+', '+base+');', tempo);
	}
	
	// Faz os fades
	jQuery(elemento).find(".slideBox").animate({marginLeft: - left * base});
	//jQuery(elemento).find(".banner").eq(base).animate({width: '1000px'});
	
	// Arruma os botoes
	jQuery(elemento).find("ul.buttons li").removeClass("active");
	jQuery(elemento).find("ul.buttons li").eq(base).addClass("active");
	
}


jQuery(document).ready(function() {
	bannerRotator("#destaques");
});