function init()
{
    $$("area").each(function(el, index)
        {
            el.observe("mouseover", showHint);
            el.observe("mouseout", hideHint);
            el.observe("mousemove", moveHint);
        } 
    );
}

function showHint(ev)
{
    id = Event.element(ev).attributes["img"].nodeValue;
//    if ($("imgMap").src.indexOf("/ii/pic-" + id + ".jpg") < 0)
//        $("imgMap").src = appPath + "/ii/pic-" + id + ".jpg";
    $("divHint").setStyle({ left: ev.pointerX() + 20 + "px", top: ev.pointerY() + 20 + "px" });
    $("divHint").update(descr.get(id));
    $("divHint").show();
}
function hideHint(ev)
{
    id = Event.element(ev).attributes["img"].nodeValue;
//    if ($("imgMap").src.indexOf("/ii/blank.gif") < 0)
//        $("imgMap").src = appPath + "/ii/blank.gif";
    $("divHint").hide();    
}
function moveHint(ev)
{
    $("divHint").setStyle({ left: ev.pointerX() + 20 + "px", top: ev.pointerY() + 20 + "px" });
}