/* --- JavaScript --- */
/* --- Locations --- */

	
/* --- initialize dynamic map --- */
initRegions = function() {
	
	var nl = document.getElementById('theNetherlands');
	var img = nl.getElementsByTagName('img')[0];
	var areas = nl.getElementsByTagName('area');
	
	nl.selProvince = {};
	nl.selProvince.id = "NL";	// default value
	
	img.preloadFlag = false;
	img.preloads = [];
	img.path = img.src.substring(0,img.src.lastIndexOf('/')+1);
		
		for (a=0; a<areas.length; a++) {
			var area = areas[a];
			area.onmouseover = area.onfocus = focusProvince;
			area.onmouseout = area.onblur = blurProvince;
			
			if (areaId(area) && areaId(area) !== "") img.preloads.push(areaId(area).toLowerCase());
		}
	
	img.preloadFlag = preloadImages(img);
}

function focusProvince() {
	swapImg(areaId(this));
}
function areaId(area)
{
    return area.href.substring(area.href.lastIndexOf('=')+1);
}
var reg = {};

function blurProvince() {
	reg.timer = setTimeout('swapImg("NL")',150);
}

function whosThis(elm) {
	alert( elm.nodeName );
	return (elm.nodeName == "AREA") ? elm.province : elm;
}

function swapImg(id) {
	var img = document.getElementById('theNetherlands').getElementsByTagName('img')[0];
	if (!img.preloadFlag) return;
	if (reg.timer) clearTimeout(reg.timer);
	reg.timer = null;
	img.src = img.path + "kaart_" + id.toLowerCase() + ".gif";
}

function preloadImages(img) {
	var pImgs = [];
	for (i=0; i<img.preloads.length; i++) {
		pImgs[pImgs.length] = new Image();
		pImgs[pImgs.length - 1].src = img.path + "kaart_" + img.preloads[i] + ".gif";
	}
	return true;
}


/* --- call functions only if the used methods are supported --- */
if (document.getElementById && document.getElementsByTagName) {
	if (cssSupport()) {
		document.write('<link rel="stylesheet" type="text/css" href="/include/pbna/locations.css" />');
		addLoadEvent(initRegions);
	}
}