function hideSelectBoxes(object)
{
	if (!object) return;
	if (!object.sboxes)
		object.sboxes = [];
	var ol = getElementX(object);
	var ot = getElementY(object);
	var ow = object.offsetWidth;
	var oh = object.offsetHeight;
	var sboxes = document.all.tags("select");
	for (var i=0; i<sboxes.length; i++)
	{
		var node = sboxes[i].parentNode;
		while (node != object && node.tagName != "BODY")
			node = node.parentNode;
		var skip = (node == object);
		if (skip) continue;
		var t = getElementY(sboxes[i]);
		var l = getElementX(sboxes[i]);
		var w = sboxes[i].offsetWidth;
		var h = sboxes[i].offsetHeight;
		var ver = false;
		if (t > ot && t < (ot + oh))
			ver = true;
		else if ((t + h) > ot && (t + h) < (ot + oh))
			ver = true;
		var hor = false;
		if (l > ol && l < (ol + ow))
			hor = true;
		else if ((l + w) > ol && (l + w) < (ol + ow))
			hor = true;
		else if (l < ol && (l + w) > ol)
			hor = true;
		if (ver && hor && sboxes[i].style.visibility != "hidden")
			object.sboxes[object.sboxes.length] = sboxes[i];
	}
	for (var i=0; i<object.sboxes.length; i++)
		object.sboxes[i].style.visibility = "hidden";
}

function showSelectBoxes(object)
{
	if (!object) return;
	if (!object.sboxes) return;
	for (var i=0; i<object.sboxes.length; i++)
		object.sboxes[i].style.visibility = "";
	object.sboxes = [];
}

function getElementX(object) {return getElementC(object, true)}
function getElementY(object) {return getElementC(object, false)}

function getElementC(element, xAxis)
{
	var initialElement = element;
	var c = 0;

	while (element != null)
	{
		c += (xAxis) ? element.offsetLeft : element.offsetTop;
		if (element.style.position == "absolute")
			break;
		else
			element = element.offsetParent;
	}

	var elementWnd = document.window;
	if (!elementWnd) return c;

	if (!elementWnd.frameElement) return c;

	return c + getElementC(elementWnd.frameElement, xAxis);
}

var showing = false;
function delay(){
	if(showing == false){
		document.getElementById('dd2').style['display'] = 'none';
	}
}

function initPage()
{
	var nav = document.getElementById("navigation");
	if (nav)
	{
		var nodes = nav.getElementsByTagName("li");
		for (var i = 0; i < nodes.length; i++)
		{
			nodes[i].onmouseover = function ()
			{
				if (this.className.indexOf("hover") == -1)
				{
					this.className += " hover";
					hideSelectBoxes(this.getElementsByTagName("ul")[0]);
					showing = true;
					document.getElementById('dd2').style['display'] = 'block';
				}
			}
			nodes[i].onmouseout = function ()
			{
				showSelectBoxes(this.getElementsByTagName("ul")[0]);
				this.className = this.className.replace(" hover", "");
				showing = false;
				setTimeout("delay()",200);
			}
		}
	}
	setTimeout("preload()",200);
}

function dotOver(img, region){
	obj = document.getElementById('kaart');
	obj.style['background'] = 'url(/templates/images/vestigingen/' + region + '.gif)';

	imgs = obj.getElementsByTagName('IMG');
	for(var i = 0; i < imgs.length; i++){
		if(imgs[i] != img){
			imgs[i].style['display'] = 'none';
		}
	}
}

function dotOut(img, region){
	obj = document.getElementById('kaart');
	obj.style['background'] = 'url(/templates/images/vestigingen/leeg.gif)';

	var imgs = obj.getElementsByTagName('IMG');
	for(var i = 0; i < imgs.length; i++){
		if(imgs[i] != img){
			imgs[i].style['display'] = 'block';
		}
	}
}

function dotClick(region){
	document.location.href = './' + region + '.html';
}

function preload(){
	var images = new Array();
	if(document.getElementById('kaart') == null || document.getElementById('kaart') == undefined || document.getElementById('kaart') == 'undefined'){
		return;
	}
	var dots = document.getElementById('kaart').getElementsByTagName('IMG');
	var regex = eval("/(_[a-z-]+_)/mgi");
	for(var i = 0; i < dots.length; i++){
		var region = dots[i].onclick.toString();
		if(region.indexOf('"') != -1){
			images[i] = new Image();
			region = region.substring(region.indexOf('"')+1,region.length);
			region = region.substring(0,region.indexOf('"'));

			images[i].src = '/templates/images/vestigingen/' + region + '.gif';
		}
	}
}

if (window.attachEvent && !window.opera)
	window.attachEvent("onload", initPage);