// JavaScript Document
$(function(){
	var ClicarForaFecha = true;
	var HPcO = false;
	$("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;
		}
	});
	function CenterDiv(obj){
		var Wx = document.documentElement.scrollLeft;
		var Wy = document.documentElement.scrollTop;
		var Ww = $("body").width();
		var Wh = $("body").height();
		var Dw = obj.width();
		var Dh = obj.height();
		Dw = (Wx+((Ww-Dw)/2))+"px";
		Dh = (Wy+20)+"px";
		obj.css("left",Dw);
		obj.css("top",Dh);
		$("#hp-content-obscure").css("width",document.width);
		$("#hp-content-obscure").css("height",$("body").height());
	}
});