$(document).ready( function()
{
    
    $("area.bean").each(function(){
        
        $(this).mouseover(function() {

            // Get the id from the hovered area
            var country_id = this.id;
            
            // Extract the "country"-part of the id = the id of the list-item
            country_id = country_id.substring(country_id.indexOf('_')+1, country_id.length);
            
            // Set the li to "display: inline" = show it
            $('#'+country_id).css('display','inline');
        });
        
        $(this).mouseout(function(){
            // Get the id from the hovered area
            var country_id = this.id;
            
            // Extracti the "country"-part of the id = the id of the list-item
            country_id = country_id.substring(country_id.indexOf('_')+1, country_id.length);
            
            // Set the li to "display: none" = hide it
            $('#'+country_id).css('display','none');
         });
        
    });
});