/* 
 * Agência Pulso | Dez 2010
 * Painel de Destaque em JavaScript - Projetar
 */

var intervalo = null;
var atual = 0;
var quantidade = 0;
var pixels = 0;
var isAnimando = true;

$(document).ready(function() {

    quantidade = $('#flash ul li').length;
	pixels = $('#flash ul li').height();
    $('#flash ul li').hide();
	$('#flash div').css('bottom', '-95px');
    animarPainel();

})

function go_proximo() { if(!isAnimando)proximaImagem(); }

function go_anterior() { if(!isAnimando)imagemAnterior(); }

function animarPainel()
{
	if(intervalo == null) 
	{
		$('#flash div:eq(' + atual + ')').animate({ bottom: "+=95px" });
		$('#flash ul li:eq(' + atual + ')').fadeIn(500, function() {
			isAnimando = false;
			intervalo = setInterval(proximaImagem, 8000);
		});
	}
}

function proximaImagem()
{
	isAnimando = true;
    clearInterval(intervalo);
    intervalo = null;
	$('#flash div:eq(' + atual + ')').animate({ bottom: "-=95px" });
    $('#flash ul li:eq(' + atual + ')').fadeOut(500, function() {
		atual ++;
        if(atual > quantidade - 1) atual = 0;
		animarPainel();
    });
}

function imagemAnterior()
{
	isAnimando = true;
    clearInterval(intervalo);
    intervalo = null;
	$('#flash div:eq(' + atual + ')').animate({ bottom: "-=95px" });
    $('#flash ul li:eq(' + atual + ')').fadeOut(500, function(){
		atual --;
        if(atual < 0) atual = quantidade -1;
		animarPainel();
    });
}