// JavaScript Document

var atual = 0;
var intervalo;

$(document).ready(function() {
        $("#tvflash .destaque").css("display", "none");
        $("#tvflash .destaque").eq(0).css("display", "block");
        $("#tvflash .navegacao a").eq(0).css("background-image", "url(/figs/bola-select.gif)");  
        $("#tvflash .navegacao a").click(clicaBolinha);
        intervalo = setInterval(navegacao, 5500);
});

function navegacao() {
//        $("#tvflash").toggleClass("select");
        $("#tvflash .destaque").eq(atual).fadeOut(1000);
        atual++;
        if (atual == $("#tvflash .destaque").length) {
                atual = 0;
        }
        setTimeout(aparece, 800);
}

function aparece() {
        $("#tvflash .destaque").eq(atual).fadeIn(1000);
        $("#tvflash .navegacao a").css("background-image", "url(/figs/bola.gif)");  
        $("#tvflash .navegacao a").eq(atual).css("background-image", "url(/figs/bola-select.gif)");  
}

function clicaBolinha(event) {
                event.preventDefault();
                intervalo = clearInterval(intervalo);
                $("#tvflash .destaque").eq(atual).fadeOut(1000);
                atual = $(event.target).index();
                aparece();
                intervalo = setInterval(navegacao, 5000);
}