var focus = 0;
$(document).ready(function() {
 	$('.overlays').focus(function() {
 	 	focus = 1;
 	});
 	$('.overlays').focusout(function() {
 		focus = 0;
 	});
 	$('.the_overlay').click(function() {
 		if(!focus) {
 		 	closePopup();
 		}
 	});
 	$('a.popup-link').click(function() {
 		showPopup($(this).attr('popup'));
 	});
 	$('.overlays .close').click(function() {
 	 	closePopup();
 	});
});
function showPopup(name) {
	$('.the_overlay').show();
	$('.overlays').show();
	$('.overlays div').hide();
	$('.overlays .'+name).show();
	$('html, body').animate({scrollTop:0}, 300);
}
function closePopup() {
	$('.the_overlay').hide();
	$('.overlays').hide();
}