var time = 3000; //intervalo entre um slide e outro

var cycle = function() {
    $('.slideshow').trigger('click');
    setTimeout(cycle, time);
};

var timeout = setTimeout(cycle, time);

$(document).ready(function() {
   
    var numItems = $(".slideshow .pictures ul li").length; //numero de itens na lista
    var itemWidth = 182; //largura de um item
    var index = 0;
    var slide = 0;
    var totalWidth = numItems*itemWidth; //largura total da lista
   
    //atribui uma largura à lista de fotos
    $(".slideshow .pictures ul").css({"width":totalWidth + "px"});
    
    //adiciona classe .selected e mostra legenda do primeiro item
    $(".slideshow .navigation ul li:eq(0)").addClass("selected");
    $(".slideshow .navigation ul li:eq(0)").show();
   
    $(".slideshow").click(function() {
       
        clearTimeout(timeout);

        //direção que o slide deve seguir, esquerda ou direita
        var direction = 'right';
        
        /*
            Incrementa ou decrementa o índice de acordo com a direção.
            Para mudar a direção basta trocar os sinais.
        */
        if (direction == 'right') {
           index = index-1; 
        } else {
           index = index+1;
        }
        
        slide = index*itemWidth;
       
        //atingiu o fim pela direita, zera slide e índice
        if (slide == (-1*totalWidth)) {
        
           slide = 0;
           index = 0;
        
        //direção esquerda left negativo
        } else if (slide > 0) {
           
           slide = -1*(totalWidth-itemWidth);
           index = -1*(numItems-1);
        
        }
       
        $(".slideshow .pictures ul").animate({ "left" : slide + "px" }, function(){           
            var subtitle_index = index*(-1);
        });
       
   });
});