//centering popup  
function centerPopup_johnandkaren(){  
//request data for centering  
var windowWidth_johnandkaren = document.documentElement.clientWidth;  
var windowHeight_johnandkaren = document.documentElement.clientHeight;  
var popupHeight_johnandkaren = $("#popup_johnandkaren").height();  
var popupWidth_johnandkaren = $("#popup_johnandkaren").width();  
//centering  
$("#popup_johnandkaren").css({  
"position": "absolute",  
"top": windowHeight_johnandkaren/2-popupHeight_johnandkaren/2,  
"left": "508px" 
});  
//only need force for IE6  
  
$("#popup_background").css({  
"height": windowHeight_johnandkaren  
});  
  
}  
	$(document).ready(function() {
  		$('popup_johnandkaren').hide();
		$('popup_background').hide();

		$('a#show_popup_johnandkaren').click(function(){
		centerPopup_johnandkaren();
		$('#popup_johnandkaren').fadeIn('slow');
		$('#popup_background').fadeIn('slow');
		});
		
		$('a#close_popup_johnandkaren').click(function(){
		centerPopup_johnandkaren();
		$('#popup_johnandkaren').fadeOut('slow');
		$('#popup_background').fadeOut('slow');
		});
		
		$("#popup_background").click(function(){  
		$('#popup_johnandkaren').fadeOut('slow');
		$('#popup_background').fadeOut('slow');  
		});
		
		$(document).keypress(function(e){  
		if(e.keyCode==27){  
		$('#popup_johnandkaren').fadeOut('slow');
		$('#popup_background').fadeOut('slow'); 
		}  
		});  
		
	});