// JavaScript Document
function galeria(){
	$(".listaViewGaleria li").addClass("itemGaleria");
	
	var totLista = $(".itemGaleria").size()
	
	//Percorre a lista com as imagens e faz o que tiver que fazer...
	$(".itemGaleria").each(
		function(){
			var idItem = $(".itemGaleria").index(this);
			idItem++;
			
			//Insere o id na li
			var strIdItem = "gv"+idItem;
			$(this).attr("id",strIdItem)
			
			//Coloca o o box do titulo da imagem
			var titleImg   = $(this).find("img").attr("title");
			var tagNumItem = "<span class='numItem'>"+idItem+"</span>";
			var tagTitItem = "<span class='titItem'>"+titleImg+"</span>"
			
			var tagBoxTitle = "<div class='boxTitImg'>"+tagNumItem+tagTitItem+"</div>";
			
			$(this).append(tagBoxTitle);	
		}
	)
	
	//Coloca o box de controle das fotos
	var tagBtnPrev = '<a href="#" id="btnPrevGv"><img src="img/btn/btnPrevGv.jpg" alt="Anterior" /></a>';
	var tagBtnNext = '<a href="#" id="btnNextGv"><img src="img/btn/btnNextGv.jpg" alt="Próxima" /></a>';
	
	//Monta a lista dos links de cada foto
	var tagListaCtr = '<ul class="listaCtrGaleria">';
	for(i = 1; i <= totLista;  i++){
		tagListaCtr+= '<li><a href="#" class="btnCtrGv" rel="'+i+'" id="btnGv'+i+'" class="btnCtrGv">'+i+'</a></li>';
	}
	tagListaCtr+= "</ul>"
	var tagBoxCtr = '<div class="boxCtrGv">'+tagBtnPrev+tagListaCtr+tagBtnNext+'</div>';
	$(".boxViewGaleria").append(tagBoxCtr);
	
	/*****Comportamento dos botõees*****/
	var atualGv = 1;
	
	//Botão antarior
	$("#btnPrevGv").click(
		function(){
			if(atualGv > 1){
				atualGv--;
				trocaFotoGv(atualGv);				
			}
			return false;
		}
	)
	
	//Botão pRÓXIMO
	$("#btnNextGv").click(
		function(){
			if(atualGv < totLista){
				atualGv++;
				trocaFotoGv(atualGv);				
			}
			return false;
		}
	)
	
	//Botóes da lista
	//Botão pRÓXIMO
	$(".btnCtrGv").click(
		function(){
			atualGv = $(this).attr("rel");
			trocaFotoGv(atualGv);
			return false;
		}
	)
	
	
	//Inicia a galeria
	trocaFotoGv(atualGv);	
	$(".itemGaleria:first").fadeIn();	
}

function trocaFotoGv(rel){
	$(".itemGaleria").hide();
	$(".btnCtrGv").removeClass("ativo");
	
	$("#gv"+rel).show();
	$("#btnGv"+rel).addClass("ativo");
}