$(document).ready(function(){
	var i = 1;
	var sizeLi = $('#gallery li').size() -1; 
	var visibleLi = 5;	
	var indexIMG = 1;
	
	if (sizeLi > 5)	$('#buttons').show();
	
	$('#count').html('Imagem '+indexIMG+' de '+ sizeLi +'');		
	
	
	$('#gallery li').each(function(){
		$(this).attr('index', i++);
		$('#gallery li:gt('+(visibleLi -1)+')').hide();
		$('#opt').show();
	});	

	$('#gallery li img:first').clone().prependTo('#current');
	
	$('#gallery li img').click(function(){
		var cImg = $(this).attr('src');
		$('#current img').animate({opacity: 0.1}, 400, function(){ 
		$('#gallery #current img').attr('src',cImg); }).animate({opacity: 1} , 400 );
		var indexIMG = $(this).parent().attr('index');
		$('#count').html('Imagem '+indexIMG+' de '+ sizeLi +'');
		$('#gallery li').css('border','1px solid #0D0D0D');
		$(this).parent('li').css('border','1px solid #fe0000');
	});  
	
	$('#btnext').click(function(event){
		event.preventDefault();	
		if(	visibleLi < sizeLi){
		$('#gallery li:lt('+visibleLi+')').hide();		
		$('#gallery li:gt('+(visibleLi - 1)+')').show();
		$('#gallery li:gt('+(visibleLi + 4)+')').hide();
		$('#opt').show();
		visibleLi=visibleLi+5;
		}		
	});
	
	$('#btprev').click(function(event){
		event.preventDefault();
		if(	visibleLi != 5){
		visibleLi=visibleLi-5;	
		$('#gallery li:gt('+(visibleLi-1)+')').hide();
		$('#gallery li:lt('+visibleLi+')').show();	
		$('#gallery li:lt('+(visibleLi - 5)+')').hide();
		$('#opt').show();
		}	
	});
});