$(document).ready(function(){
	$('#modal span').click(function() {
		$('#mask, #modal').hide();
	});

	//se div#mask for clicado
	$('#mask').click(function () {
			$(this).hide();
			$('#modal').hide();
	});
});
$(".imgThumb").live("click", function(){
	var elem = $(this).attr("alt");
	var imgW = $(this).attr("id");
	var imgH = $(this).attr("title");

	
	
	var maskHeight = $(document).height();
	var maskWidth = $(window).width();
	var winH = $(window).height();
	var winW = $(window).width();
	
	$("#modal img").removeAttr("src");
	$("#modal img").attr({
		src:"fotosProdutos/"+elem,
		width:imgW,
		height:imgH,
		alt:"[Carregando imagem]"
	}).addClass("imgOpen");
	
	$("#modal #info").load("getInfo.php", {info:elem});

	$('#mask').css({'width':maskWidth,'height':maskHeight});
	$('#mask').fadeIn(1000);
	$('#mask').fadeTo("slow",0.8);

	

	$("#modal").css({
		width:imgW,
		height:imgH,
		top:"50%",
		left:"50%",
		marginTop:-imgH/2,
		marginLeft:-imgW/2
	});
	$("#modal").fadeIn(2000);
	
});