var sMapDir     = "/images/maps/";
var iDefaultRegion = 1;
var oHint = null;
var oMap = null;
var oImg = null;
var iCurrentRegion = -1;

function initMap(a_sAfdeling, a_iImage) {
	sMapDir = sMapDir + a_sAfdeling + "/";
	for (var i = 1; i <= 5; i++) {
		document.getElementById("map-area-" + i).onmousemove = mapMoveHint;
	}

	for (i = 0; i <= 5; i++) {
		oImg = new Image();
		oImg.src = sMapDir + i + ".png";
	}
	iDefaultRegion = a_iImage;
	setMapImage(iDefaultRegion);
}

function setMapImage(a_iRegion) {
	if (iCurrentRegion != a_iRegion) {
		oMap = document.getElementById("afdelingen_image")
		oMap.src = sMapDir + a_iRegion + ".png";
		oMap.style.display = "block";
		iCurrentRegion = a_iRegion;
	}
	
}

function mapOver(a_iRegion, a_sHTML) {
	oHint = document.getElementById("map-hint");
	oHint.innerHTML = a_sHTML;
	oHint.style.display = "block";
	setMapImage(a_iRegion);
}

function mapOut() {
	setMapImage(iDefaultRegion);
	oHint = document.getElementById("map-hint");
	oHint.style.display = "none";
}

function checkEvent(a_oEvent) {
	if (!a_oEvent.clientX) {
		a_oEvent.clientX = a_oEvent.x;
		a_oEvent.clientY = a_oEvent.y;
	}
	return a_oEvent;
}

function mapMoveHint(a_oEvent) {
	var oEvent = checkEvent(a_oEvent ? a_oEvent : event);
	oHint = document.getElementById("map-hint"); 
	oHint.style.left = oEvent.clientX  - 220 + "px";
	oHint.style.top  = oEvent.clientY  + 20 + iGetBodyScrollPosition() + "px";
}