/*

Banner Rotator
@Lucas Veiga

Copyright © WebStorm Internet - 2011. Todos os direitos reservados.

Versão: 1.0
*/

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

// Inicia




// Funções do Banner


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


}

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


function rotate(i, base) {
	
	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
	
	$(elemento).find(".banner").fadeOut();
	$(elemento).find(".banner").eq(base).fadeIn();
	
	// Arruma os botoes
	
	$(elemento).find("ul.buttons li").removeClass("active");
	$(elemento).find("ul.buttons li").eq(base).addClass("active");
	
}