// JavaScript Document
$(document).ready(function(){
	$('body').append("<div id='g-modal'><div class='carregador'>Carregando...</div><div id='ampliada'></div><div id='mapa'><a class='fechar' href='fechar' title='fechar'>fechar</a></div><div id='mascara'></div></div>");
	$('.carregador, a.fechar').css({'display' : 'none'});
	$(document).delegate('a[class=g-modal]', 'click', function(e) {
		$('#g-modal').show();
		$('#g-modal').css({'width' : '100%', 'height' : '100%','position' : 'fixed', 'z-index' : 99, 'top' : 0});
		$('#mascara').css({'width' : '100%', 'height' : '100%', 'background' : '#000', 'opacity' : 0, 'position' : 'fixed', 'top' : 0, 'left' : 0, 'z-index' : 999});
		$('#mascara').animate({'opacity' : .5}, 'slow');
		$('.carregador').css({'display' : 'none'});
		var imagem = $(this).attr('href');
		var alt = $(this).attr('title');
		$('#ampliada').css({'opacity' : 0, 'background' : '#fff', 'padding' : 5});
		$('.carregador').css({'display' : 'block', 'background' : 'url(imagens/estrutura/lol.gif) center no-repeat', 'width' : '100%', 'height' : '100%', 'position' : 'absolute', 'z-index' : 99});
		if($(this).attr('rel') == 'mapa'){
			//mapa();	

			$('#mapa').load('mapa.php', function(){
			var h= 400;
			var w= 800;
			var wH = $(window).height()/2-h/2;
			var wW = $(window).width()/2-w/2;

			$('#mapa').css({'background' : '#fff', 'padding' : 5, 'position' : 'absolute', 'left': wW, 'width': w, 'top': wH, 'height': h, 'z-index' : 9999});
			$('a.fechar').css({'display' : 'block', 'width' : 21, 'height' : 25, 'text-indent' : -20000, 'background': '#fff url(imagens/estrutura/fechar.jpg) center no-repeat', 'margin-top': -27, 'margin-left' : -5});
			});
			return false;		
		}else{
		var img=  new Image();
		img.src=imagem;
		
		img.onload = function() {
			$('#ampliada').html('<a class="fechar" href="fechar" title="fechar">fechar</a><img src="' + imagem + '" alt="' + alt + '" /><p class="alt">' + alt + '</p>');
			
			var h= $("#ampliada img").height();
			var w= $("#ampliada img").width();
			var wH = $(window).height()/2-h/2;
			var wW = $(window).width()/2-w/2;

			$('#ampliada').css({'position' : 'absolute', 'left': wW, 'width': w, 'top': wH, 'height': h, 'z-index' : 9999});		
			$('a.fechar').css({'display' : 'block', 'width' : 21, 'height' : 25, 'text-indent' : -20000, 'background': '#fff url(imagens/estrutura/fechar.jpg) center no-repeat', 'margin-top': -27, 'margin-left' : -5});		
			$('p.alt').css({'display' : 'block','margin-top' : 15, 'margin-left' : 5, 'margin-bottom' : 9, 'text-transform' : 'uppercase'});		
			$('#ampliada').animate({'opacity':1}, "slow");
			
		}
		return false;
		}
		
		
		
	});
	
	$(document).delegate('#mascara', 'click', function(e) {
		$('#g-modal').hide();
	});
	$(document).delegate('a.fechar', 'click', function(e) {
		$('#g-modal').hide();
		return false;
	});
});