$(document).ready(function() {
    $("#localizednamediv-left").mouseover(function(){
        $(this).css('display', 'block');
    });
    $("#localizednamediv").mouseover(function(){
        $(this).css('display', 'block');
    });
    $("#localizednamediv-left").mouseout(function(){
        $(this).hide();
    });
    $("#localizednamediv").mouseout(function(){
        $(this).hide();
    });

    $("area").mouseover(function(){
        localizedNameDiv = $("#localizednamediv-left").hide();
        localizedNameDiv = $("#localizednamediv").hide();
        if ($(this).attr('id') != 'xx')
        {
            parts = $(this).attr('coords').split(",");

            x = parseInt(parts[0]) + 10;
            if (x > 500)
            {
                localizedNameDiv = $("#localizednamediv-left").hide();

                x = 647 - x + 75;
                localizedNameDiv.css('left', 'auto');
                localizedNameDiv.css('right', x + 'px');
            }
            else
            {
                localizedNameDiv.css('left', x + 'px');
            }

            localizedNameDiv.css('top', (parseInt(parts[1]) - 10) + 'px');
            localizedNameDiv.empty();
            localizedNameDiv.append("<a href=\"" + $(this).attr('href') + "\">" + $(this).attr('rel') + "</a>");
            localizedNameDiv.css('display', 'block');
        }
    });

    $("area").mouseout (function(){
        $("#localizednamediv").hide();
        $("#localizednamediv-left").hide();
    });
});