jQuery(document).ready(function() {
  // preload map images
  $('span.region').each( function() { $('<img>').attr('src', '/gfx/map_' + $(this).attr('id').substr(3) + '.jpg'); });
  // attach hover events to region list
  $('area').mouseover( function() {
    $('img#worldmap').attr('src', '/gfx/map_' + $(this).attr('id').substr(3) + '.jpg' );
  });
  $('area').mouseout( function() {
    $('img#worldmap').attr('src', '/gfx/map_blank.jpg');
  });
  $('span.region').hover(function() {
    $('img#worldmap').attr('src', '/gfx/map_' + $(this).attr('id').substr(3) + '.jpg' );
  }, function() {
    $('img#worldmap').attr('src', '/gfx/map_blank.jpg');
  });
});