$(document).ready(function() {
    $('#page').mapster({
        mapKey: 'data-orig',
        fillColor: 'ff0000',
        fillOpacity: 0.3,
        onMouseover: function (e) {
            $("#" + "orig-" + e.key).addClass("selected");
            $("#" + "corr-" + e.key).addClass("selected");
        },
        onMouseout: function (e) {
            $("#" + "orig-" + e.key).removeClass("selected");
            $("#" + "corr-" + e.key).removeClass("selected");
        }

    }).mapster('resize', 500);

    $("span").mouseenter(function() {
        $(this).attr("id").replace(/\D+/,"").split(",").map(function(e){
            $('area[data-orig='+e+']').mapster("highlight");
        })
    });

    $("span").mouseout(function() {
        $('#page').mapster("highlight", false);
    });
});