// JavaScript Document
$(document).ready(function(){
	$("#g-modal").html("<div id='ampliada' class='window'><a href='fechar' class='close' title=''></a><img id='largeImg' src='images/img1-lg.jpg' alt='' /><div class='content-modal'></div></div><div id='mascara'><img src='imagens/estrutura/esc.png' class='esc' alt='Precione Esc para fechar'/></div>");
	var url=0;
	$('a[class=modal]').click(function(e) {
		e.preventDefault();	
		$("#largeImg").css({'display':'block'});
		$(".content-modal").css({'display':'none'});
		<!--Troca imagem-->
		var largePath = $(this).attr("href");
		url=$(this).attr("id");
		var page = $(this).attr("href");
		if(page == "cores"){
			pagina($(this).attr("rel"));
		}
		var img=  new Image();
		img.src=largePath;
		
		var maskWidth = $(window).width();
		var maskHeight = $(document).height();
		$('#mascara').css({'display':'block'});
		$('#mascara').css({'width':maskWidth,'height':maskHeight});
		$('#mascara').fadeTo("slow",0.85);	
		
		var winH = $(window).height()/2-$('.window').height()/2;
		var winW = $(window).width()/2-$('.window').width()/2;
		
		var id = $("#ampliada");
		
		$(id).css('top',  winH);
		$(id).css('left', winW);
		
		$(id).fadeIn(2000);
		
		//$(id).css({'opacity':0});
			$("#largeImg").css({'opacity':0});
		///depois q carrega
		img.onload = function() {
			$("#largeImg").attr({ src: largePath});
			var h= document.getElementById("largeImg").height;
			var w= document.getElementById("largeImg").width;
			var wH = $(window).height()/2-h/2;
			var wW = $(window).width()/2-w/2;
			$(id).css({'left': wW, width: w, 'top': wH, height: h}, "mediun");		
			$("#largeImg").animate({'opacity':1}, "slow");
			
			$(".esc").css({'top':300, 'left':-200});
			$(".esc").animate({'opacity':1, 'left': 40}, "easeOutSine");
		}
	});
	
	
	$('#atualize .close-nav').click(function (e) {
	  e.preventDefault();
		$('#atualize').hide();					
	});
	shortcut.add("esc",function(){
		hiden();
	});
	function pagina(cor){
		$("#largeImg").css({'display':'none'});
		$(".content-modal").css({'display':'block','background': '#fff', 'width': 360, 'height': 'auto', 'overflow': 'auto', 'padding': 20, 'padding-top': 0 });
		$(".content-modal").load('html.php?id='+cor);
		$("#ampliada").css({'width': 400, 'height': 'auto'});
	}
	$('.window .close').click(function (e) {
		e.preventDefault();
		hiden();
	});		
	
	$('#mascara').click(function () {
		hiden();
	});

function hiden(){
		$("#largeImg").attr({ src: ''});
		$('.window').css({'width':150, 'height':130});
		$('#mascara').animate({'opacity':0}, "slow");
		$('#mascara').animate({'width':0}, "fast");
		$('.window').css({'display':'none'});
		$(".esc").css({'top':300, 'left':-200});
	}
	$('a[class=cores]').click(function(e) {
		
	});
});