$(document).ready(function (){
    
    // de overlay div oprekken tot de volledige pagina hoogte
    h = $(document).height();
    $(".overlay").css("height", h+"px");

    // infoBox in het midden zetten
    w = $(window).width();
    l = Math.round((w-330)/2);
    $(".overlay-formwrap").css("left",  l+"px");
    
    
    // Als je op een link met de class "showLoginOverlay" klikt moet het login scherm in de overlay getoond worden
    $(".showLoginOverlay").click(function(e){
        e.preventDefault();
        $(".overlay").fadeIn();
        $(".overlay-formwrap").show();
        $("#email").focus();
    })

    // Als je op de overlay klikt OF het kruisje op het loginform, dan de overlay + loginform sluiten
    $(".overlay, .closeLoginOverlay").click(function(e){
        e.preventDefault();
        $(".overlay").hide();
        $(".overlay-formwrap").hide();
    })
        
    
});