function popupIni(){
    /*fixes png for IE6*/
    var popupTop=getElementsByClassName(document,'div','popupTop')[0];
    var popupMiddle=getElementsByClassName(document,'div','popupMiddle')[0];
    var popupBottom=getElementsByClassName(document,'div','popupBottom')[0];
    
    popupTop.style.behavior='url(Scripts/iepngfix.htc)';
    popupMiddle.style.behavior='url(Scripts/iepngfix.htc)';
    popupBottom.style.behavior='url(Scripts/iepngfix.htc)';
    
    map=document.getElementById('client');
    circles=map.getElementsByTagName('area'); 
    popup=getElementsByClassName(document,'div','popup')[0];
    popupmiddleCon=getElementsByClassName(document,'div','popupMiddleContent');
    for (var i=0; i<circles.length; i++){
        attachEventListener(circles[i], "mouseover", showPopup, false);
        attachEventListener(circles[i], "mouseout", hidePopup, false);
    }
};

function showPopup(eventType){
    _overCircle=1;
    var srcEl=getEventTarget(eventType);
    for (var i=0; i<circles.length; i++){
        if(srcEl==circles[i]){
            getPosition(i);
        }
    }
}
function getPosition(id){
    popupmiddleCon[id].style.display='block';
    popup.style.display='block';
    popupH=popup.offsetHeight;
    //if(id==0 || id==4){resultY=-1*(popupH-2)+'px'}
    if(id == 0) {resultY=-1*(popupH-50)+'px'}
    if(id == 1) { resultY = -1 * (popupH - 150) + 'px' }
    if(id == 2) { resultY = -1 * (popupH - 140) + 'px' }
    if(id == 3) { resultY = -1 * (popupH - 40) + 'px' }
    resultX=circles[id].getAttribute('rel')+'px';
    popup.style.top=resultY;
    popup.style.left=resultX;
}
function hidePopupIni(){
    setTimeout("hidePopup();",200);
}
function hidePopup(){
    for (var i=0; i<circles.length; i++){
        popupmiddleCon[i].style.display='';
        popup.style.display='';
    }
}
_overPopup=0;
_overCircle=0;
addLoadListener(popupIni);