function rollover() { document.getElementById('rollover').className=this.id; };
function rollout() { document.getElementById('rollover').className=''; };

if (document.getElementById){
	maproot=document.getElementById("map");
	if(maproot.nodeName=="MAP"){
		for (j=0;j<maproot.childNodes.length;j++) {
			area=maproot.childNodes[j];
			if(area.nodeName=="AREA"){
				area.onmouseover=rollover;
				area.onmouseout=rollout;
			}
		}
	}
	pointroot=document.getElementById("kepdiv");
	if(pointroot.nodeName=="DIV"){
		for (i=0;i<pointroot.childNodes.length;i++) {
			if(pointroot.childNodes[i].className == "point"){
				_point = pointroot.childNodes[i];
				_point.style.top=pointroot.childNodes[i].getAttribute("rel").split(",")[0];
				_point.style.left=pointroot.childNodes[i].getAttribute("rel").split(",")[1];
				_point.title=document.getElementById('area_'+pointroot.childNodes[i].getAttribute("rel").split(",")[2]).getAttribute("title");
				_point.onclick=function(){ document.location.href=document.getElementById('area_'+this.getAttribute("rel").split(",")[2]).getAttribute("href"); return false; };
				_point.onmouseover=function(){ document.getElementById('rollover').className='area_'+this.getAttribute("rel").split(",")[2]; return false; };
				_point.onmouseout=function(){ document.getElementById('rollover').className=''; return false; };
			}
		}
	}
}