var timeoutID;
window.onload = init;

function init() {

        if ( document.getElementById ) {

                oAreaBox = document.getElementById('AreaBox');

//              области карты ссылок
                oAreas = document.getElementsByTagName('AREA');
                oAreasImg = new Array;

                oClearArea = new Image(550, 374);
                oClearArea.src = '/sites/default/files/map/spacer.gif';

//              устанавливаем onmouseover и onmouseout обработчики, прелоадим картинки областей
                for ( var i = 0; i < oAreas.length; i++ ) {
                        oAreas[i].onmouseover = SetArea;
                        oAreas[i].onmouseout = ClearAreaSuspended;
                        oAreasImg[oAreas[i].id] = new Image(550,374);
                        oAreasImg[oAreas[i].id].src = '/sites/default/files/map/' + oAreas[i].id + '.gif';
                }

        }

}


// зажигаем область
function SetArea(e) {

//      AREA вызвавшая событие
        oTarget = (window.event) ? window.event.srcElement : e.currentTarget;

//      гасить слой уже не надо
        clearTimeout(timeoutID);

//      ложим в слой картинку выбранной области
        oAreaBox.src = oAreasImg[oTarget.id].src;

}


// отсроченное гашение
function ClearAreaSuspended() {

//      даем зазор в 99мс для прохождения пустых областей - сглаживаем переход
        timeoutID = setTimeout('ClearArea()', 99);

}


// моментальное гашение
function ClearArea() {

        oAreaBox.src = oClearArea.src;

}