$(document).ready(function() {
	set_popups();
});

/*
 * Scripts necessários p/ página
 * <script type="text/javascript" src="jquery-1.2.6.pack.js"></script>
 * <script type="text/javascript" src="teste2.js"></script>
 *
 * Esta função assume que elementos html estão criados como segue abaixo:
 * <div class="imgComLegendas">
 *    <a href="foto1.jpg">
 *       <img src="foto1_tn.jpg" alt="crédito da imagem" />
 *    </a>
 *    <span class="legenda">Legenda da imagem.</span>
 * </div>
 */
set_popups = function() {
	$('.imgComLegendas').click(
		function(event) { 
			// link que consta dentro do div
			var link = $(this).children().filter('a')[0];
			
			// Se não existir um link, sair
			if (link == null)
				return false;
			
			// url para onde aponta o link acima
			var href = link.href;

			// Legenda da foto
			var legenda = $(this).children().filter('.legenda').text();
			
			// src da imagem clicada
			var creditos = $(this).children().filter('a').children()[0].alt;

			GLB.util.popIn.showImage({src: href, method: 'GET', caption: legenda, alt: creditos});
			return false;
		}
	);
};