$(function (){
	$(".triggers a").click( function(){
		var id=$(this).attr("rel");
		var ctop=40;
		var wwid=$(window).width();
		var cwid=$("div#"+id).css("width");
		cwid=cwid.substring(0,3);
		$("body").append("<div id='hbg'></div>").css({ "backgroundImage": "url('../parts/overlay/overlay.png')" });
		$("#hbg").fadeIn(200).css("zIndex", 101);
		$("#"+id).fadeIn(200).css({ "top": ($(document).scrollTop())+ctop, "left": (wwid-cwid)/2, "zIndex": 102 });
		$("#"+id).append("<div id='close'></div>").css({ "display": "block", "position": "absolute", "top": ($(document).scrollTop())+ctop, "right": cwid, "zIndex": 103 });
		$("#hbg").click( function(){
			$("#hbg").fadeOut(200);
			$("#"+id).fadeOut(200);
			$("div#close").fadeOut(200);
		});
		$("div#close").click( function(){
			$("#hbg").fadeOut(200);
			$("#"+id).fadeOut(200);
			$("div#close").fadeOut(200);
		});
		
	});
});