//====== BANNER ROTATIVO ====//

var t= 0

jQuery().ready(function()
{
    var tempo = Number($('#rotativo').find('li').attr('id'))*1000;
    var id = 1;
    var total = $('#rotativo').find('li').length;
    var selected = null;
    var current  = null
    
   setPaginator(0)
   
   
    
    t = setTimeout(next, tempo);
    
    function next()
    {
    
        
        var obj = $('#rotativo ul li').eq(id);
        
        obj.fadeIn();
        
        setPaginator(id)
        
        id++
        if(id>total)
        {
            id= 0
            
            for(i=0;i<total;i++)
            {
                $('#rotativo ul li').eq(i).css("display","none");
            }
            $('#rotativo ul li').eq(id).fadeIn()
            setPaginator(id)
        }
        
       clearTimeout(t) 
       t = setTimeout(next, tempo);
    }
    
    function setPaginator(id)
    {
        if(selected!=null)
        {
            selected.removeClass("but-selected");
        }
        
        selected = $('#banner-menu').find('li').eq(id)
        selected.addClass("but-selected");
    }
    
    
    $('#banner-menu ul li').click
    (
        function (e)
        {
            
            clearTimeout(t)
            
            id = $(this).index();
            
            for(i=0;i<total;i++)
            {
                $('#rotativo ul li').eq(i).css("display","none");
            }
            
            $('#rotativo ul li').eq(id).fadeIn();
            
            setPaginator(id);
            next();
        }
    )
    
    
})