var coords=[];
// coordinates
// if x>a and x<b and y>c and y<d then highlight node n 
// left, right, top, bottom, node
coords[0]={l:146, r:237, t:2, b:81, n:0}; // satsumaimo
coords[coords.length]={l:131, r:233, t:108, b:258, n:1}; // sake
coords[coords.length]={l:44, r:132, t:88, b:178, n:3}; // spirepotet
coords[coords.length]={l:48, r:121, t:256, b:322, n:2}; // daikon
coords[coords.length]={l:132, r:230, t:283, b:312, n:4}; // fiskerogn 1
coords[coords.length]={l:199, r:233, t:308, b:371, n:4}; // fiskerogn 2
coords[coords.length]={l:97, r:209, t:403, b:497, n:5}; // fisk
coords[coords.length]={l:125, r:213, t:361, b:389, n:6}; // bonner
coords[coords.length]={l:46, r:123, t:175, b:251, n:7}; // nishime
coords[coords.length]={l:128, r:149, t:298, b:358, n:8}; // tatsukuri

var activeEl;

function ommv(e){ // mousemove handler for image
	e=e||window.event;
	if(! ( e && e.offsetX && e.offsetY)  )return; // required event object properties not supported
	var el;
	for(var i=0; i<coords.length;i++){
		if( 	e.offsetX > coords[i].l &&
			e.offsetX < coords[i].r &&
			e.offsetY > coords[i].t &&
			e.offsetY < coords[i].b &&
			document.getElementsByTagName('dt')[coords[i].n]
		){ 
			el=document.getElementsByTagName('dt')[coords[i].n];
			el.setAttribute('style', 'position: absolute; top: '+(event.offsetY+30)+'px; left: '+event.offsetX+'px;width: 150px;background:#fff; border: 1px solid #f00');
			if(!el.style.top)el.style.color='#a00'; // this one is for IE
			el.nextSibling.setAttribute('style', 'position: absolute; top: '+(event.offsetY+30+el.offsetHeight)+'px; left: '+event.offsetX+'px;width: 150px;background:#fff; border: 1px solid #f00');
			i=coords.length; // stop searching
			
		}
		
	}
	if(activeEl && activeEl != el){ 
		activeEl.setAttribute('style', 'position:static');
		activeEl.nextSibling.setAttribute('style', 'position:static');
		activeEl.style.color='';
	}
		
	activeEl=el;
}

/*  
The object detection order below is meant to be FireFox-friendly, 
AFAIK window.addEventListener works but not document.addEventListener in many FireFox versions
and in older Opera versions it is the other way around..
FireFox still doesn't seem to get it and I don't know why
*/

if(window.addEventListener){
	window.addEventListener('load', init, false);
}else if(document.addEventListener){
	document.addEventListener('load', init, false);
}else if(document.attachEvent){
	document.attachEvent('onload', init);
}else{
	setTimeout(init, 400);
}

function init(){
	document.getElementById('foodimg').onmousemove=ommv;
}