function setUpRollovers() {

areas = document.getElementsByTagName('AREA');
for (i=0;i<areas.length;i++) {
   if (i<areas.length-1) {
     areas[i].onmouseover = function() {
       hilight(this);
     }
   } else {
     areas[i].onmouseover = function() {
        document.getElementById('level').style.display = 'none';       
           }
   }
   areas[i].style.cursor = 'pointer';
}
}


function hilight(el) {

xoff = 10;
yoff = 30;

c=el.getAttribute('coords');
href=el.getAttribute('href');

values = c.split(",");
for (i=0;i<4;i++) values[i]=parseInt(values[i]);

left=values[0]+xoff;
topping=values[1]+yoff;
wi=values[2]-values[0];
hi=values[3]-values[1];

lev=document.getElementById('level');
lev.style.top = topping+"px";
lev.style.left = left+"px";
lev.style.width = wi+"px";
lev.style.height = hi+"px";
lev.style.display = 'block';
lev.onclick = function() {window.location=href;window.status=href}

}
