// JavaScript Document
$(function(){
	var ClicarForaFecha = true;
	var HPcO = false;
	$(document).keydown(function(e){
				if(HPcO){
					switch (e.which) {
						case 40: // down
							break;
						case 38: // up
							break;
						case 37: // left
							$(".hp-ante").click();
							break;
						case 39: //right
							$(".hp-prox").click();
							break;
					}    
				}
			});
	$("a").click(function(){
		var rela = $(this).attr("rel");
		if(rela == "hp-content"){
			if(HPcO){
				$("#hp-content-obscure").remove();
				$("#hp-content-div").remove();
				HPcO = false;
			}
			if(!ClicarForaFecha){
				var InDiv = "<div id='hp-content-obscure' class='hp-content-obscure'></div><div id='hp-content-div' class='hp-content-div'>";
			}else{
				var InDiv = "<div id='hp-content-obscure' class='hp-content-obscure' onclick='$(function(){$(\"#hp-content-obscure\").remove();$(\"#hp-content-div\").remove();});'></div><div id='hp-content-div' class='hp-content-div'>";
			}
			var ClDiv = "<a href='javascript:void();' rel='hp-content-close' class='hp-content-close' onclick='$(function(){$(\"#hp-content-obscure\").remove();$(\"#hp-content-div\").remove();});'></a>";
			var TiDiv = "<div class='hp-content-title'>"+$(this).attr("hptitle")+"</div>";
			var MiDiv = "<div class='hp-content-content'>"+$(this).attr("hpcontent")+"</div>";
			var EnDiv = "</div>";
			HPcO = true;
			$("body").append(InDiv+ClDiv+TiDiv+MiDiv+EnDiv);
			$("#hp-content-obscure").fadeTo(1,0.6);
			
			if($(this).attr("width")){
				$("#hp-content-div").css("width",$(this).attr("width")+"px");
			}
			if($(this).attr("height")){
				$("#hp-content-div").css("height",$(this).attr("height")+"px");
			}
			CenterDiv($("#hp-content-div"));
			return false;
		}else if(rela == "hp-image"){
			if(HPcO){
				$("#hp-content-obscure").remove();
				$("#hp-image-div").remove();
				HPcO = false;
			}
			var imagem = $(this).attr("hpimage");
			var galeria = $(this).attr("galeria");
			var imagens = 0;
			var este = 0;
			$("body").find('*[galeria]').each(function(index){
				imagens++;
				if($(this).attr("hpimage") == imagem) este = index;
			});
			var legenda = $(this).attr("hptitle");
			if(!legenda) legenda = "";
			if(!ClicarForaFecha){
				var InDiv = "<div id='hp-content-obscure' class='hp-content-obscure'></div><div id='hp-image-div' class='hp-image-div'>";
			}else{
				var InDiv = "<div id='hp-content-obscure' class='hp-content-obscure' onclick='$(function(){$(\"#hp-content-obscure\").remove();$(\"#hp-image-div\").remove();});'></div><div id='hp-image-div' class='hp-image-div'>";
			}
			var ClDiv = "<a href='javascript:void();' rel='hp-image-close' class='hp-image-close' onclick='$(function(){$(\"#hp-content-obscure\").remove();$(\"#hp-image-div\").remove();});'></a>";
			var TiDiv = "<div class='hp-image-title'>"+legenda+"</div>";
			var MiDiv = "<div class='hp-image-content'><img id='hp-content-img' src='"+imagem+"' border='0' /></div>";
			var EnDiv = "</div>";
			
			var imgcoms = "<span class='hp-imagem-contador'>Imagem "+(este+1)+" de "+imagens+"</span><a href='javascript:void();' class='hp-prox'></a><a href='javascript:void();' class='hp-ante'></a>";
			HPcO = true;
			
			if(!imagens){
				$("body").append(InDiv+ClDiv+MiDiv+TiDiv+EnDiv);
			}else{
				$("body").append(InDiv+ClDiv+MiDiv+TiDiv+imgcoms+EnDiv);
			}
			$("#hp-content-obscure").fadeTo(1,0.6);
			
			if($(this).attr("width")){
				$("#hp-image-div").css("width",$(this).attr("width")+"px");
			}
			if($(this).attr("height")){
				$("#hp-image-div").css("height",$(this).attr("height")+"px");
			}
			CenterDiv($("#hp-image-div"));
			
			if(este == 0)$(".hp-ante").hide();
			else if(este == imagens-1)$(".hp-prox").hide();
			
			if(imagens < 2){ $(".hp-prox").hide(); $(".hp-imagem-contador").hide();}
			
			$(".hp-prox").click(function(){
				ChangeImage(galeria,0,este,imagens);
			});
			$(".hp-ante").click(function(){
				ChangeImage(galeria,1,este,imagens);
			});
			return false;
		}
	});
	function AmpliarImagem(imagem,img,maxi){
		/*var legenda = img.attr("hptitle");
		$(".hp-imagem-contador").html("Imagem "+(imagem+1)+" de "+maxi);
		if(legenda){
			$(".hp-image-title").html(legenda);
		}
		$("#hp-content-img").attr("src",img.attr("hpimage"));
		
		if(img.attr("width")){
			$("#hp-image-div").css("width",img.attr("width")+"px");
		}
		if(img.attr("height")){
			$("#hp-image-div").css("height",img.attr("height")+"px");
		}
		CenterDiv($("#hp-image-div"));*/
			if(HPcO){
				$("#hp-image-div").remove();
				HPcO = false;
			}else{
				alert("Catz");
			}
			var imagem = img.attr("hpimage");
			var galeria = img.attr("galeria");
			var imagens = 0;
			var este = 0;
			$("body").find('*[galeria]').each(function(index){
				imagens++;
				if($(this).attr("hpimage") == imagem) este = index;
			});
			var legenda = img.attr("hptitle");
			if(!legenda) legenda = "";
			if(!ClicarForaFecha){
				var InDiv = "<div id='hp-image-div' class='hp-image-div'>";
			}else{
				var InDiv = "<div id='hp-image-div' class='hp-image-div'>";
			}
			var ClDiv = "<a href='javascript:void();' rel='hp-image-close' class='hp-image-close' onclick='$(function(){$(\"#hp-content-obscure\").remove();$(\"#hp-image-div\").remove();});'></a>";
			var TiDiv = "<div class='hp-image-title'>"+legenda+"</div>";
			var MiDiv = "<div class='hp-image-content'><img id='hp-content-img' src='"+imagem+"' border='0' /></div>";
			var EnDiv = "</div>";
			
			var imgcoms = "<span class='hp-imagem-contador'>Imagem "+(este+1)+" de "+imagens+"</span><a href='javascript:void();' class='hp-prox'></a><a href='javascript:void();' class='hp-ante'></a>";
			HPcO = true;
			if(!imagens){
				$("body").append(InDiv+ClDiv+MiDiv+TiDiv+EnDiv);
			}else{
				$("body").append(InDiv+ClDiv+MiDiv+TiDiv+imgcoms+EnDiv);
			}
			$("#hp-content-obscure").fadeTo(1,0.6);
			
			if(img.attr("width")){
				$("#hp-image-div").css("width",img.attr("width")+"px");
			}
			if(img.attr("height")){
				$("#hp-image-div").css("height",img.attr("height")+"px");
			}
			CenterDiv($("#hp-image-div"),img.attr("width"));
			
			if(este == 0)$(".hp-ante").hide();
			else if(este == imagens-1)$(".hp-prox").hide();
			$(".hp-prox").click(function(){
				ChangeImage(galeria,0,este,imagens);
			});
			$(".hp-ante").click(function(){
				ChangeImage(galeria,1,este,imagens);
			});
		return true;
	}
	function ChangeImage(galeria,dir,atual,maxi){
		if( (atual+1 >= maxi && dir == 0 ) || (atual-1 < 0 && dir == 1))return true;
		if(dir == 0){
			//var imagem = $(".imagens").find('*[galeria]').filter(function(index){ if($(this).attr("galeria") == galeria){return index == (atual+1);}});
			var imagem = $("a[galeria='"+galeria+"']:eq("+(atual+1)+")");
			AmpliarImagem(atual,imagem,maxi);
			
			/*if((atual+1) == maxi-1) $(".hp-prox").hide();
			else $(".hp-prox").show();
			$(".hp-ante").show();
			
			$(".hp-prox").click(function(){
				ChangeImage(galeria,0,atual+1,maxi);
			});
			$(".hp-ante").click(function(){
				ChangeImage(galeria,1,atual+1,maxi);
			});*/
		}else if(dir == 1){
			//var imagem = $(".imagens").find('*[galeria]').filter(function(index){ if($(this).attr("galeria") == galeria){return index == (atual-1);}});
			var imagem = $("a[galeria='"+galeria+"']:eq("+(atual-1)+")");
			AmpliarImagem((atual),imagem,maxi);
			/*if((atual-1) == 0) $(".hp-ante").hide();
			else $(".hp-ante").show();
			$(".hp-prox").show();
			
			$(".hp-prox").click(function(){
				ChangeImage(galeria,0,atual-1,maxi);
			});
			$(".hp-ante").click(function(){
				ChangeImage(galeria,1,atual-1,maxi);
			});*/
		}
		return true;
	}
	function CenterDiv(obj,Dw){
		if(!Dw) Dw = obj.width();
		var Dh = obj.height();
		var Wx = $(document).scrollLeft();
		var Wy = $(document).scrollTop();
		var Ww = $("body").width();
		var Wh = $("body").height();
		Dw = (Wx+((Ww-Dw)/2))+"px";
		Dh = (Wy+20)+"px";
		obj.css("left",Dw);
		obj.css("top",Dh);
		$("#hp-content-obscure").css("width",Ww);
		$("#hp-content-obscure").css("height",Wh);
	}
});