document.onmousemove = moveName;
var show = false;
var IE = navigator.userAgent.indexOf('MSIE')>0 ? true : false;
var offs = 0;
function showName(obj){
	idf = obj.getAttribute('id').split('_');
	num = parseInt(idf[1])-1;
	arr = eval('document.'+idf[0]);
	document.getElementById('bezirkname').style.visibility = 'visible';
	document.getElementById('bezirkname').innerHTML = "<b>"+arr[num]+"</b>";
	objImg.src = source[1]+obj.getAttribute('id')+source[2];
	show = true; 	
}

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

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

function setupImageMap(imgMap,kreisfr,kreis){
	document.kreisfr = kreisfr;
	document.kreis = kreis;
	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})$/);
	
	for(i=0;i<objArea.length;i++){
		if(kreisfr && kreisfr[i]){id='kreisfr_'+(1+i);offs=i}
		else id='kreis_'+(i-offs);
		objArea[i].setAttribute('id',id);
		objArea[i].onmouseover = function(){showName(this)};
		objArea[i].onmouseout = function(){hideName()};
	}
}