﻿$('.image-map').each(function(idx)
{
    var image = $(this).find('img');
    var data = $.evalJSON(image.attr('usemap'));
    
    for (i=1; i<=data.nodes; i++)
    {
        $(this).append('<a href="#" class="node node-'+i+'">&nbsp;</a>');        
    }
    
    $('.node').hover(function(evt)
    {
        var path = data.imagesPath+$(this).attr('class').replace(/node\snode\-/g,'')+'.jpg';
        $(image).attr('src',path);
    },
    function(evt)
    {
        var path = data.imagesPath+'0.jpg';
        $(image).attr('src',path);
    });
    
});

