$(document).ready(function(){

$('#overlay').hide();

$('#impressie a').click(show_overlay);
$('#impressie a').click(pos);
$('#overlay').click(hide_overlay);
//$(window).resize(pos);

$(document).keyup(function(e){
if (e.keyCode == 27){
hide_overlay();
}
});
});

function show_overlay(){

$('#overlay').fadeIn(1000);
var current = $(this).html();
$('#image_holder').html(current)
}

function pos(){

var screen_w = $(window).width() / 2;
var screen_h = $(window).height() / 2;

var img_w = $('#image_holder img').width() / 2;
var img_h = $('#image_holder img').height() / 2;

var pos_x = screen_w - img_w;
var pos_y = screen_h - img_h;
$('#image_holder').css('margin-left', pos_x)
$('#image_holder').css('margin-top', pos_y)

}

function hide_overlay(){
$('#overlay').fadeOut(200);
}