$(function(){
		   //$(".listaFotos li a").click(function()
		  $(".boxFoto a").click(function(){
				document.getElementById("img_ampliada").src = $(this).attr("imagem");
				document.getElementById("p_imagem_legenda").innerHTML = $(this).attr("descricao");
				
				var alto =  parseInt($(this).attr("alto"));
				var ancho =  parseInt($(this).attr("ancho"));
				/*
				if(alto > ancho){
					document.getElementById("img_ampliada").setAttribute("width","");
					document.getElementById("img_ampliada").setAttribute("height",alto);
				}else{
					document.getElementById("img_ampliada").setAttribute("width",ancho);
					document.getElementById("img_ampliada").setAttribute("height","");
				}//if
				*/
				document.getElementById("img_ampliada").setAttribute("width",ancho);
				document.getElementById("img_ampliada").setAttribute("height",alto);
				
				showZoom();	
			});
})
						
						
			function showZoom() {
						
							
							//carrega layer
							$("#layerZoom").show();
								
								if (!$("#bgOverlayZoom").is(':visible')) {
									//mostra zoom
									$("#bgOverlayZoom").show();
									$("#bgOverlayZoom").fadeTo(0, 0);
									$("#bgOverlayZoom").fadeTo("fast", 0.5, function () {});
									$("#layerZoom").fadeIn("fast");
									
									
									//posiciona
									adaptaDimensoesLayer();
									$(window).bind("scroll", adaptaDimensoesLayer);
									$(window).bind("resize", adaptaDimensoesLayer);
									
									//fechar
									$("#bgOverlayZoom, #btCloseLayer").click(function() {
										$("#bgOverlayZoom").hide();
										$("#layerZoom").fadeOut("fast");
										$(window).unbind("scroll", adaptaDimensoesLayer);
										$(window).unbind("resize", adaptaDimensoesLayer);
										return false;
									});
								}
							//cancela #
							return false;
						}
						function adaptaDimensoesLayer() {
							/*
							* adapta background e centraliza conteúdo do layer
							*/
							var scrTop = $(document).scrollTop();
							
							//layer conteudo
							var top = ($(window).height() - $("#layerZoom").height()) * .5;
							var left = ($(window).width() - $("#layerZoom").width()) * .5;
							top += scrTop;
							$("#layerZoom").css("top", top+"px");
							$("#layerZoom").css("left", left+"px");
							//layer bg
							var wHtml = $("body").width();
							$("#bgOverlayZoom").css("width", wHtml+"px");
							var hHtml = $("body").height();
							$("#bgOverlayZoom").css("height", hHtml+"px");
						}