var mapTimeout = null;
var Map = {
    $mapAreas: $('.modMap area'),
    active: false,
    show: function(pIndex) {
        $('.boxP'+pIndex).show(300);
    },
    hide: function(pIndex) {
        $('.boxP'+pIndex).hide(100);
    }
}
$('.modMap .boxPoint').hide(0);
$('.modMap .mapLogo').hide(0);
Map.$mapAreas.mouseover(function(){
    window.clearTimeout(mapTimeout);
    Map.show(1);
});
Map.$mapAreas.mouseout(function(){
    if (Map.active){return;}
    mapTimeout = window.setTimeout(
        function(){
            if (!Map.active){Map.hide(1);$('.modMap .mapLogo').hide(200);}
    }, 3000);
});
$('.modMap .boxPoint').mouseover(function(){
    Map.active = true;
    var id = $(this).attr('name');
    $('#'+id).show(200);
});
$('.modMap .boxPoint').mouseout(function(){
    Map.active = false;
    var id = $(this).attr('name');
    window.setTimeout(
        function(){
            $('#'+id).hide(200);
    }, 4000);

});