// JavaScript Document
$(document).ready(function(){
	var gallery = $('');
	$(document).delegate('a.g-gallery', 'click', function(e) {		
		var lista;
		var url = $(this).attr('href');
		$('#g-gallery').show();
		$('body').append("<div id='g-gallery'><div class='carregador'>Carregando...</div><a class='fechar' href='fechar' title='fechar'>fechar</a><div id='gallery'></div><div id='mascara'></div></div>");
		$('#g-modal').show();
		$('.carregador').css({'display' : 'block', 'position' : 'absolute', 'left': $(window).width()/2-15, 'top':  $(window).height()/2-15, 'z-index' : 9999});
		$('#mascara').css({'width' : '100%', 'height' : '100%', 'opacity' : 0, 'position' : 'fixed', 'top' : 0, 'left' : 0, 'z-index' : 999});
		$('#mascara').animate({'opacity' : 1}, 1000, function(){
				$("#gallery").load(url, function(){
					if($(this).attr('rel') != 'pg'){
						addfoto($('img.fotoampliada').attr('src'));
					}
				
				});
				$('.carregador').animate({'opacity' : 0}, 'slow');
		});
		return false;
	});
	$('a.gale').hover( function(){
		$(this).css({'background' : '#fff'});
	},function(){
		$(this).css({'background' : 'none'});
	});
	
	$(document).delegate('a.gale', 'click', function(e) {
	$('.carregador').animate({'opacity' : 1}, 'slow');
		$('a.gale').removeClass('marcado');
		$(this).addClass('marcado');
		var imagem = $(this).attr('rel');
		var legenda = $(this).attr('title');
		var img=  new Image();
		img.src=imagem;
		$('.fechar').animate({'opacity': 0}, 'slow');
		$('.legenda').animate({'opacity': 0}, 'slow');
		$('img.fotoampliada').animate({'opacity' : 0}, 'slow', function(){
				$('.fotoampliada').attr('src', imagem).load(function() {  
					$('.carregador').animate({'opacity' : 0}, 'slow');
					$('img.fotoampliada').animate({'opacity' : 1}, 'slow');
					$('.legenda p').html(legenda);
					$('.legenda').animate({'opacity': 1, 'width' : $(this).width(), 'left' : $(this).offset().left}, 'slow');
					$('.fechar').css({'left' : ($('.fotoampliada').offset().left + $('.fotoampliada').width()), 'top' : $('.fotoampliada').offset().top - 20})
					$('.fechar').animate({'opacity': 1}, 'slow');
					
				});
		});
		
		return false;
	});
});
function addfoto(url){
	//$('.carregador').animate({'opacity' : 1}, 'slow');
	$('#gallery').animate({'opacity':1}, "slow");
	lista = $('ul.lista');
	$('img.fotoampliada').animate({'opacity' : 1}, 'slow');
	lista.find('li').css({'float' : 'left', 'margin' : 5});
	lista.find('li a').css({'display' : 'block', 'padding' : 2});
	lista.css({'width' : 'auto'});
	var listaW = (lista.find('li').size())*(77+14);					
	$('.legenda').css({'width' : $('.fotoampliada').width(), 'left' : $('.fotoampliada').offset().left, 'opacity' : 1});
	$('.fechar').css({'opacity': 1, 'left' : ($('.fotoampliada').offset().left + $('.fotoampliada').width()), 'top' : $('.fotoampliada').offset().top - 20, 'opacity' : 1});
	lista.css({'width' : listaW, 'display': 'block', 'position' : 'relative', 'margin' : '0 auto'});
	lista.animate({'width' : listaW}, 'slow');

	$('.fotoampliada').attr('src', url).load(function() {  
		$('.carregador').animate({'opacity' : 0}, 'slow');
		$('img.fotoampliada').animate({'opacity' : 1}, 'slow');
		$('.legenda').css({'opacity': 1, 'width' : $('img.fotoampliada').width(), 'left' : $('img.fotoampliada').offset().left, 'border' : 'transparent'});
		$('.fechar').css({'left' : ($('.fotoampliada').offset().left + $('.fotoampliada').width()), 'top' : $('.fotoampliada').offset().top - 20})
		$('.fechar').animate({'opacity': 1}, 'slow');
	});
}