var numBanner = 1;
var tmtID;
$(document).ready(function() {
    widthContainer = $("#banner ul#lista li").length*732;
    //$("#banner ul#lista").css("width", widthContainer+"px");
    $("#banner li").each(function() {
        $(this).attr("rel", numBanner);
        
        if(numBanner==1) className="current";
        else className="";

        $("#listaBanners").append($("<li class='"+className+"' rel='"+numBanner+"'> "+numBanner+" </li>"));

        numBanner++;
    });

    $("#listaBanners li").css("cursor", "pointer");
    $("#listaBanners li").click(function(){
        $("#listaBanners li").removeClass("current");
        $(this).addClass("current");
        bannerAtual = $(this).attr("rel");
        $('#banner').scrollTo($("#banner ul#lista li[rel="+bannerAtual+"]"), 800);
        move();
    });
    move();
    $(".thickbox").fancybox();
});

function move() {
    clearTimeout(tmtID);
    tmtID = setTimeout(function() {
        bannerAtual = $(".current").attr("rel");
        proximoBanner = parseInt(bannerAtual)<$("#banner ul#lista li").length ? ++bannerAtual : 1;

        $("#listaBanners li[rel="+proximoBanner+"]").click();
    }, 8000);
}
/*
 <li class="current" rel="1"> 1 </li>
            <li  rel="2"> 2 </li>
 **/