document.onmousemove=moveName;
var show=false;
var IE=navigator.userAgent.indexOf("MSIE")>0 ? true : false;
var ImagePath="";

function showName(obj) {
	document.getElementById("ImageNameSelected").style.visibility="visible";
	document.getElementById("ImageNameSelected").innerHTML=document.ImageNames[obj.getAttribute("id")-1];
	objImg.src=ImagePath + obj.getAttribute("id") + ".gif";
	show=true;
}

function moveName(e) {
	if (!e) {
    e=window.event;
  }
	if (show) {
		if (document.getElementById) {
			document.getElementById("ImageNameSelected").style.top=IE ? e.clientY + document.body.scrollTop + "px" : e.pageY + "px";
			document.getElementById("ImageNameSelected").style.left=IE ? e.clientX + document.body.scrollLeft + "px" : e.pageX + "px";
		}
	}
}

function hideName() {
	document.getElementById("ImageNameSelected").style.visibility="hidden";
	objImg.src=source[0];
	show=false;
}

function setupImageMap(imgMap, ImageNames) {
	document.ImageNames=ImageNames;
	objMap=document.getElementsByName(imgMap)[0];
	objArea=objMap.getElementsByTagName("area");
	
	for (i=0; i<document.images.length; i++) {
		if (document.images[i].getAttribute("usemap")=="#" + imgMap) {
			objImg=document.images[i];
			break;
		}
	}
  
	// [0]=>DATEI, [1]=>DATEINAME, [2]=>DATEIENDUNG
	source=objImg.src.match(/(.*?)(\.\w{3,4})$/);
  ImagePath=source[1] + "/";
  
	for (i=0; i<objArea.length; i++){
		if (ImageNames[i]) {
      id=(1+i);
    }

		objArea[i].setAttribute("id", id);
		objArea[i].onmouseover=function() {
      showName(this);
    };
		objArea[i].onmouseout=function() {
      hideName();
    };
	}
}