contador = 1;
banners = "";
total_banners = 0;

function IniciarPasarBanner()
{
    //obtenemos todos los banners
    url= base + 'inicio/getbanners';

    $.post(
        url,{},
        function(data){
            banners = data;
            total_banners = data.total_banners;
        },
        "json"
    );
    //iniciamos el pasador
    navbanners();
    $(document).everyTime("10s",pasarbanner,0);
}

function pasarbanner()
{
    if(contador == total_banners)
    {
        contador = 0;
    }

    $('.banner img').fadeOut("slow",
        function()
        {
            $('.banner a').attr('href',base + banners[contador].enlace);
            $('.banner img').attr('src',base + banners_folder + banners[contador].imagen);
            $('.banner img').attr('alt', banners[contador].titulo);

            $('.banner img').fadeIn("slow");
             contador++;
        }
    
    );
}

function navbanners()
{
    $('.navbanners li')
    .click(
        function()
        {
            item = $(this).html();
            item = item - 1;
            $('.banner a').attr('href',base + banners[item].enlace);
            $('.banner img').attr('src',base + banners_folder + banners[item].imagen);
            $('.banner img').attr('alt', banners[item].titulo);
        }
    );
}

$(document).ready( function()
{
    IniciarPasarBanner();
});