// Executar quando a página carregar
$(document).ready(
	function () {
		ativarBotoesGaleria();
  		ativarThumbs();
	}
);

// Dá vida aos thumbnails das fotos de uma galeria para que ao
// clicar em um deles, a foto apareça ao lado
var ativarThumbs = function() {
  	$('#thumbs a').click(
		function(e) {
			var imagem = $(this).children().filter('img').attr('alt');
			var href = $(this).attr('href');
			
			$('#foto').html('<center><img src="' + href + '" /></center>');
			
			// Para que o clique não siga o link
			e.preventDefault();
  			return false;
  		}
  	);
}
  	
// Dá vida aos botões de paginação para que ao clicar em um deles
// apareçam os thumbnails respectivos na barra vertical da lateral esquerda 
var ativarBotoesGaleria = function() {
  	$('.pagina').add('.paginaVip').click (
		function(e) {
			if ((roothash == '') && $(this).hasClass('paginaVip')) {
				return true;
			}

			// Pego o botão atualmente selecionado
			var pagBotaoAtual = $('.paginaSel').attr('alt');

			if (pagBotaoAtual >= pagvip)
				$('.paginaSel').addClass('paginaVip');
			else
				$('.paginaSel').addClass('pagina');			 

			if ($(this).hasClass('paginaVip'))
				$(this).removeClass('paginaVip');

			$('.paginaSel').removeClass('paginaSel');

			var pagina = $(this).attr('alt');
			var fotoini = ((pagina-1) * 7) + 1;
			var html = ''; 

			$(this).addClass('paginaSel');

			// Não uso a variavel original porque eu altero abaixo no loop
			var rootPrint = root;

			if (pagina >= pagvip) {
				rootPrint = roothash;
			} 

			for (var i=0; i<7; i++) {
				var thumb = rootPrint + (fotoini+i) + 't.jpg';
				var foto = rootPrint + (fotoini+i) + '.jpg';
				html = html + '<a href="' + foto + '"><img src="' + thumb + '" /></a>';
			}

			$('#thumbs').html(html);

			// Como eu joguei html novo (acima), preciso ativá-los
			ativarThumbs();
			
			// Para que o clique não siga o link
			e.preventDefault();
  			return false;
		}
  	);
}