var oldOnload = window.onload;
if (oldOnload) {
	oldOnload();
}

var bg_preloaded = false;

function checkPreload() {
	if (bg_preloaded) {
		document.getElementById('container').style.display = 'block';
		document.getElementById('loading').style.display = 'none';
	}
	else {
		window.setTimeout("checkPreload();", 500);
	}
}

document.getElementById('container').style.display = 'none';
if (window.getComputedStyle) {
	
	var bg = window.getComputedStyle(document.getElementById('container'), null).backgroundImage;
	var re = new RegExp('url\\((.*)\\)', 'gi');
	bg = bg.replace(re, '$1');
	
	if ( document.getElementById('picture_container') != null ) {
		var bg_preloadbgpic = false;
		var bgpic = window.getComputedStyle(document.getElementById('picture_container'), null).backgroundImage;
		var bgpic = bgpic.replace(re, '$1');
		
		var preloadbgpic = new Image();
		
		preloadbgpic.onload = function() {
			bg_preloadedpic = true;
		}
		preloadbgpic.onerror = function() {
			bg_preloadedpic = true;
		}
		preloadbgpic.onabort = function() {
			bg_preloadedpic = true;
		}
		preloadbgpic.src = bgpic;
	}
	
	var preload = new Image();
	preload.onload = function() {
		bg_preloaded = true;
	}
	preload.onerror = function() {
		bg_preloaded = true;
	}
	preload.onabort = function() {
		bg_preloaded = true;
	}
	preload.src = bg;
}
else {
	bg_preloaded = true;
}

var loading = document.createElement('div');
loading.id = 'loading';
loading.innerHTML = '<img src="fileadmin/templates/images/loader.gif" alt="Loading website" />';
document.body.insertBefore(loading, document.body.firstChild);

window.onload = function() {
	checkPreload();
}