function simple_tooltip(target_items, name){
$(target_items).each(function(i){
var my_tooltip = $("#"+name+i);
$(this).removeAttr("alt")
$(this).removeAttr("title")


 .mouseover(function(){
            $("#hint").hide();
           $("."+name).hide();
           var x=$(this).parents("#contentbg").width()/2 -508
         if (x<0) { x=0}
            var leftr=$(this).attr("left")*1+x-5;
             var topr=$(this).attr("top")*1-95+29;
           
                my_tooltip.css({
                    left:leftr-2,
                    top:topr-2
                    }).show() //fadeIn(300); ???????? show ?? ?????????????
            
        })
 
        .mouseout(function(){
            var leftr=$(this).attr("left")*1+123;
            var topr=$(this).attr("top")*1+29;
            var position = my_tooltip.offset();
       
             my_tooltip.mouseout(function(kmouse2)
            { 
                
                if (!((kmouse2.pageX>(position.left)) && (kmouse2.pageX<(position.left+310))
                    && (kmouse2.pageY>(position.top)) && (kmouse2.pageY<(position.top+my_tooltip.innerHeight() )))
                )
                {   
                   $(this).hide(); //$(this).fadeOut(300)
                    $("#hint").show();
                }
            })
            my_tooltip.mousemove(function(kmouse3)
            {
                if  (((kmouse3.pageY>topr+37) && (kmouse3.pageX<leftr+49)) ||((kmouse3.pageY<topr-10) && (kmouse3.pageX<leftr+49))) {
                     $(this).hide(); //$(this).fadeOut(300)
                      $("#hint").show();
                }

            })
           
            })
        })
}
$(document).ready(function(){
simple_tooltip("map >area","tooltip");
$(document).pngFix(); 
$("#hint").show();
});