$(window).load(function() {
	
    var heightWindow = $( window ).height();
    var heightNavbar = $('.navbar-barmid').height();
    var heightTekst = $('.over-page-progress').height();

    var heightPageFree = parseInt(heightWindow) - parseInt(heightNavbar) - parseInt(heightTekst);
    var heightMargin = heightPageFree / 2;
    var heightTop = heightMargin + parseInt(heightNavbar);


    $('.over-page-progress').css({
        'top': heightTop + 'px'
    });
    
    OverSizeAlert();
});

$(window).resize(function() {
	
    var heightWindow = $(window).height();
    var heightNavbar = $('.navbar-barmid').height();
    var heightTekst = $('.over-page-progress').height();

    var heightPageFree = parseInt(heightWindow) - parseInt(heightNavbar) - parseInt(heightTekst);
    var heightMargin = heightPageFree / 2;
    var heightTop = heightMargin + parseInt(heightNavbar);


    $('.over-page-progress').css({
        'top': heightTop + 'px'
    });
    
    OverSizeAlert();
});


// Alert

var overPage = '.over-page';
var overPageAlert = '.over-page-alert';

function OverSizeAlert()
{
    var heightWindow = $( window ).height();
    var heightNavbar = $('.navbar-barmid').height();
    var heightFooter = $('.footer').height();

    var heightPageFree = parseInt(heightWindow) - parseInt(heightNavbar) - parseInt(heightFooter);
    var heightMargin = heightPageFree * 0.1;
    var heightTop = heightMargin + parseInt(heightNavbar);
    var heightBlok = heightPageFree * 0.8;


    $(overPageAlert).css({
        'top': heightTop + 'px'
    });
    $(overPageAlert).css({
        'height': heightBlok + 'px'
    });
}

function AlertAnnuleren()
{
    $(overPage).css('opacity','0');
    $(overPageAlert).css('opacity','0');
    
    setTimeout(function(){
        
        $(overPage).css({
            'display': 'none'
        });

        $(overPageAlert).css({
            'display': 'none'
        });

        $("body").removeAttr("style");
        
    }, 1010);
}