// Wanneer de pagina geladen wordt, zullen volgende scripts uitgevoerd worden

// roep de functie show_overlay() op om de overlay te tonen
function show_overlay(){
	$('body').append('<div id="show_loading_overlay"><div id="overlay"></div><div id="message"><div id="loading"><span class="bar"><img src="/common/images/loader_update_alert.gif" alt="Loading" /> Loading ...</span></div></div></div>');
	$('#show_loading_overlay').fadeIn(300);
}

//roep de functie hide_overlay() op om de overlay te sluiten
function hide_overlay(){
	$('#show_loading_overlay').hide(1,function(){
		$('.bar img').remove();		
	});
}

//Volgende functies laden onload
$(document).ready(function() {
	// Toon een loading scherm wanneer er een element met klasse 'loading_trigger' wordt aangeklikt, dit kan een link, input of eender welk element zijn
	$('.loading_trigger').click(function(){show_overlay();});	
});