function setImage(body_area) {
    var image = document.getElementById("bodykey_map");
    var image_src = image.getAttribute("src");
    image_src = image_src.replace("bodykey","bodykey_"+body_area);
    image.setAttribute("src",image_src);            
}

function resetImage() {
    
    var main = document.getElementById("content_main");
    var loc = main.className;
    document.getElementById("bodykey_map").setAttribute("src","images/treat/bodykey.gif");
}

function addClass(obj, cName) {
  obj.className += " "+cName;
}

function removeClass(obj, cName) {
  if (obj.className==obj.className.replace(" ","-")) {
    obj.className=obj.className.replace(cName, "");
  } else {
    obj.className=obj.className.replace(" "+cName, "");
  }
}

window.onload = function() {
    var lists = document.getElementById("bodykey_index");
    for (var i=0; i<lists.childNodes.length; i++) {
        if(lists.childNodes[i].nodeType == 1) {
            lists.childNodes[i].onmouseover = function() {
                var bodypart = this.childNodes[0].innerHTML.toLowerCase();
                bodypart = bodypart.replace(" &amp; ","");
                bodypart = bodypart.replace(" and ","");
                bodypart = bodypart.replace(" ","");
                setImage(bodypart);           
           }
            lists.childNodes[i].onmouseout = function() {
                resetImage();
            }
        }
    }
    
    var areas = document.getElementsByTagName("area");
    for (var i=0; i<areas.length; i++) {
        areas[i].onmouseover = function() {
            var bodypart = this.getAttribute("alt").toLowerCase();
            setImage(bodypart);
            addClass(document.getElementById("list_"+bodypart),"on");
        }
        areas[i].onmouseout = function() {
            resetImage();
            var bodypart = this.getAttribute("alt").toLowerCase();
            removeClass(document.getElementById("list_"+bodypart),"on");
        }
    }
}