$(document).ready(function(){

/* --------------------------------------------------- */
	var position = 0;
	var lengths = $(".gallery-list li").length;
    var widths = $(".gallery-list li").width();
	var padding = lengths*70;
	var cntImages = (widths*lengths+padding)
	//alert(lengths*20)
	
	$(".gallery").append("<div class='wrapper-paginacao'><a href='javascript:;' class='btns-slide' id='controlLeft'> <span> < </span></a><span class='paginacao'></span><a href='javascript:;' class='btns-slide' id='controlRight'><span> > </span></a></div>");
	gerenciaControles(position)
	$(".cnt-gallery-list").css({width: cntImages});
	$(".cnt-gallery-list li a:first").addClass("destaque")
	$(".btns-slide").bind("click", function(){
		
		position = ($(this).attr('id')=='controlRight') ? position+1 : position-1;
       $('.cnt-gallery-list').animate({'marginLeft' : widths*(-position)});
	   
	   gerenciaControles(position)
		$(".cnt-gallery-list li a").removeClass("destaque");
		$(".cnt-gallery-list li a:eq("+position+")").addClass("destaque");   
		
		var imag = $("a.destaque").attr('href');
		$(".ampliada").attr({src:imag});	   
	
	})
	
	$(".cnt-gallery-list li a").each(function(i){
		$(this).click(function(){
			position = i;
		   $(".cnt-gallery-list li a").removeClass("destaque");
		   $(".cnt-gallery-list li a:eq("+position+")").addClass("destaque");
			gerenciaControles(position)
		})
	})
	
	function gerenciaControles(position){
		var paginacao = (1+position) + "<strong> /" + lengths + "</strong>";
		//alert(paginacao)
		$(".paginacao").html(paginacao)
		if(position==0){ 
			$('#controlLeft').hide() 
		}else{ 
			$('#controlLeft').show() 
		}
		if(position==lengths-1){ 
			$('#controlRight').hide() 
		} else{ 
			$('#controlRight').show() 
		}
	}		
	//alert(cntImages)
	/*****  ------ *****/
	var imgs = $(".cnt-gallery-list li a").attr('href')
	//alert(imgs);
	$(".ampliada").attr({src:imgs});
	$(".ampliada").css({width:"800px",height:"535px"});
	$(".cnt-gallery-list li a").click(function(){
		var imag = $(this).attr('href');
		//alert(imag)
		$(".ampliada").attr({src:imag});
		return false;
	})	




});	
//End
/* --------------------------------------------------- */