// JavaScript Document
$(document).ready(function(){
	$('body').append("<div id='g-modal'><div class='carregador'>Carregando...</div><div id='ampliada'></div><div id='mascara'></div></div>");
	$('.carregador').css({'display' : 'none'});
	$(document).delegate('a[class=g-modal]', 'click', function(e) {
		if($(this).attr('rel') == 'mapa'){
		}else{
		$('#g-modal').show();
		$('#g-modal').css({'width' : '100%', 'height' : '100%','position' : 'fixed', 'z-index' : 99, 'top' : 0});
		$('#mascara').css({'width' : '100%', 'height' : '100%', 'opacity' : 0, 'position' : 'fixed', 'top' : 0, 'left' : 0, 'z-index' : 999});
		
		$('.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', 'position' : 'absolute', 'left': $(window).width()/2-15, 'top':  $(window).height()/2-15, 'z-index' : 9999});
		
		var img=  new Image();
		img.src=imagem;
		img.onload = function() {
		$('#mascara').animate({'opacity' : 1}, 1000, 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) {
		fechar('');
		return false;
	});
	$(document).delegate('a.fechar', 'click', function(e) {
		fechar('');
		return false;
	});
	$(document).delegate('a.cancelar', 'click', function(e) {
		fechar('');
		return false;
	});
	$(document).delegate('a.continuar', 'click', function(e) {
		fechar('reload');
		return false;
	});
	
	
});
function fechar(tipo){
		$('#ampliada').animate({'opacity':0}, "slow");
		$('#gallery').animate({'opacity':0}, "slow");
		$('#mascara').animate({'opacity' : 0}, 1000, function(){
			$('#g-modal').hide();
			$('.caixa_alerta').hide();
			$('#g-gallery').hide();
			if(tipo == 'reload'){
				 document.location.assign('voce-na-zanrosso.php');  
			}
		});

}