function newImage(src)
{
	if (!document.createElement) return false;
	var img = document.createElement('img');
	img.setAttribute('src', src);
	return img;
}

function showBereikbaarheid()
{
	// hide openingstijden
	var div = document.getElementById('displayBoxContent2');
	div.style.display = 'none';
	var div = document.getElementById('displayBoxFooter2');
	div.style.display = 'none';
	
	// show bereikbaarheid
	var div = document.getElementById('displayBoxContent');
	div.style.display = 'block';
	var div = document.getElementById('displayBoxFooter');
	div.style.display = 'block';
}

function showOpeningstijden()
{
	// hide bereikbaarheid
	var div = document.getElementById('displayBoxContent');
	div.style.display = 'none';
	var div = document.getElementById('displayBoxFooter');
	div.style.display = 'none';
	
	// show openingstijden
	var div = document.getElementById('displayBoxContent2');
	div.style.display = 'block';
	var div = document.getElementById('displayBoxFooter2');
	div.style.display = 'block';
}

function swapActive()
{
	if (this.className == 'active') return;
	
	if (this.id == 'toggle-bereikbaarheid') {
		showBereikbaarheid();
		this.className = "active";
		var openingstijden = document.getElementById('toggle-openingstijden');
		openingstijden.className = "";
		openingstijden.swapBg();
	}
	else {
		showOpeningstijden();
		this.className = "active";
		var bereikbaarheid = document.getElementById('toggle-bereikbaarheid');
		bereikbaarheid.className = "";
		bereikbaarheid.swapBg();
	}
}

function swapBg()
{
	if (this.className == 'active') return;
	var img = this.firstChild;
	if (img.src == img.inactive.src) img.src = img.active.src;
	else img.src = img.inactive.src;
}

function init()
{
	var toggleB = document.getElementById('toggle-bereikbaarheid');
	if (toggleB) {
		var img = toggleB.firstChild;
		img.inactive = newImage('editor/images/bereik-wit.gif');
		img.active = newImage('editor/images/bereik-zwart.gif');
		toggleB.swapBg = swapBg;
		toggleB.onmouseover = toggleB.swapBg;
		toggleB.onmouseout = toggleB.swapBg;
		toggleB.onclick = swapActive;
		toggleB.onfocus = function() { this.blur(); }
	}
	
	var toggleO = document.getElementById('toggle-openingstijden');
	if (toggleO) {
		var img = toggleO.firstChild;
		img.inactive = newImage('editor/images/opening-wit.gif');
		img.active = newImage('editor/images/opening-zwart.gif');
		toggleO.swapBg = swapBg;
		toggleO.onmouseover = toggleO.swapBg;
		toggleO.onmouseout = toggleO.swapBg;
		toggleO.onclick = swapActive;
		toggleO.onfocus = function() { this.blur(); }
	}
}

window.onload = init;