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

var cycle = function() {
   	$('.slideshow .right').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 = 153; //largura de um item
	var visibleItems = 5;
	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"});
   
	$(".slideshow .btn").click(function() {
       
	   	clearTimeout(timeout);

		//direção que o slide deve seguir, esquerda ou direita
		var direction = $(this).attr("direction");
		
		/*
			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;
       
	  	if (direction == 'right') {
			
			 if ((slide == (-1 * totalWidth)) || (-1 * index == (numItems - visibleItems) + 1)) {

				slide = 0;
				index = 0;
			}
			
		} else {
			
			if (slide > 0) {
		   
				slide = -1 * (totalWidth - itemWidth);
				index = -1 * (numItems - 1);
			
			}
			
		}
       
       	$(".slideshow .pictures ul").animate({ "left" : slide + "px" });
		
	});
});