не корректно отрабатывает JS
 

День добрый, обращаюсь к вам с такой просьбой, есть код:

<area id="s1" onmouseover="show_hint(''s1") onmouseout="hide_hint('h1')"shape="poly" class="icolor" coords="19,111,66,114,66,86,57,85,25,101" href="showpart.php" />

далее есть для hide_hint JS:

function show_hint(x,y,id){
        ti2 = setTimeout(function(){
        popup = document.getElementById(id);
        popup.style.display='block';
        if(y>=472-163){  //462
            popup.style.marginTop = y*1-100*1 + 'px';
        }
        else{
            popup.style.marginTop = y+'px';
        }
        if(x>=646-250){
            popup.style.marginLeft = x*1-255*1 + 'px';
        }
        else{
            popup.style.marginLeft = x+'px';
        }
        },100);
    }
    function hide_hint(id){
       ti1 = setTimeout(function(){
        popup = document.getElementById(id);
		
        popup.style.display = 'none';
       },100);
    }

проблема вот в чем, когда area много, то когда мы мышкой быстро проводим быстро по этим area, у нас появляются popup окна, и не исчезают, если же мы медленно пробегаемся по area, скрипт работает корректно, в чем может быть проблема? как дописать скрипт чтоб не было глюков когда бы быстро проводим мышкой по моим area

Спасибо