$(document).ready(function (){
	var overlay = $(document.createElement('div'))
					.css({position: 'absolute', 
					  	  top: 0, 
						  left: 0, 
						  width: $(document).width(), 
						  height: $(document).height(),
						  zIndex: 10,
						  background: '#000000',
						  opacity: 0.2});

	$("a.post-comment").click(function (){
		if ($("#post_comment").css('display')=='block') return;
		$("#post_comment").css({top: $(this).offset().top,
								left:$(this).offset().left}).fadeIn(100);
		$('body').append(overlay);							
		
		overlay.click(function (){
			$("#post_comment").fadeOut(300);
			overlay.remove();
		});				
		
		$("#popup_comment_form #comments_id").val($(this).attr('comments_id'));
	});
	
	$("#post_comment .close-btn").click(function(){
		$("#post_comment").fadeOut(300);
		overlay.remove();
	});
	
	
	
});