$(document).ready(function() {
  
  var menumap = {
    3:'01',
    4:'02',
    56:'02',
    6:'03',
    35:'03',
    36:'03',
    37:'03',
    38:'03',
    39:'03',
    7:'04',
    40:'04',
    41:'04',
    42:'04',
    8:'05',
    55:'05',
    9:'06',
    45:'06',
    46:'06',
    47:'06',
    53:'06',
    54:'06',
    50:'06',
    10:'07',
    11:'08',
    44:'08',
    12:'00',
    51:'00',
    52:'00'
  };

  var pageuid = $('body').attr('id').replace(/uid(\d*)/,'$1');
  var page = menumap[pageuid];

  if (page) {
    $('img[name=mainnavi]').attr('src','fileadmin/templates/images/navi/' + page + '.jpg');

    $('<img>').attr('src', 'fileadmin/templates/images/navi/' + page + '-01_over.jpg');
    $('<img>').attr('src', 'fileadmin/templates/images/navi/' + page + '-02_over.jpg');
    $('<img>').attr('src', 'fileadmin/templates/images/navi/' + page + '-03_over.jpg');
    $('<img>').attr('src', 'fileadmin/templates/images/navi/' + page + '-04_over.jpg');
    $('<img>').attr('src', 'fileadmin/templates/images/navi/' + page + '-05_over.jpg');
    $('<img>').attr('src', 'fileadmin/templates/images/navi/' + page + '-06_over.jpg');
    $('<img>').attr('src', 'fileadmin/templates/images/navi/' + page + '-07_over.jpg');
    $('<img>').attr('src', 'fileadmin/templates/images/navi/' + page + '-08_over.jpg');
    $('<img>').attr('src', 'fileadmin/templates/images/navi/' + page + '-01_down.jpg');
    $('<img>').attr('src', 'fileadmin/templates/images/navi/' + page + '-02_down.jpg');
    $('<img>').attr('src', 'fileadmin/templates/images/navi/' + page + '-03_down.jpg');
    $('<img>').attr('src', 'fileadmin/templates/images/navi/' + page + '-04_down.jpg');
    $('<img>').attr('src', 'fileadmin/templates/images/navi/' + page + '-05_down.jpg');
    $('<img>').attr('src', 'fileadmin/templates/images/navi/' + page + '-06_down.jpg');
    $('<img>').attr('src', 'fileadmin/templates/images/navi/' + page + '-07_down.jpg');
    $('<img>').attr('src', 'fileadmin/templates/images/navi/' + page + '-08_down.jpg');

    $('area').hover(
      function() {
	var thisId = $(this).attr('id').substr(5,2);
	$('img[name=mainnavi]').attr('src','fileadmin/templates/images/navi/' + page + '-' + thisId + '_over.jpg');
      },
      function() {
	$('img[name=mainnavi]').attr('src','fileadmin/templates/images/navi/' + page + '.jpg');
      }
    );

    $('area').mousedown(function() {
      var thisId = $(this).attr('id').substr(5,2);
      $('img[name=mainnavi]').attr('src','fileadmin/templates/images/navi/' + page + '-' + thisId + '_down.jpg');
    });

    $('area').mouseup(function() {
      var thisId = $(this).attr('id').substr(5,2);
      $('img[name=mainnavi]').attr('src','fileadmin/templates/images/navi/' + page + '-' + thisId + '_over.jpg');
    });
  }

})