jQuery(document).ready(function($) {
  var action_mapping = {
    'index': { 'class': 'pages_index', 'dir': 'hello', 'file': null, 'dimensions': null },
    'about': { 'class': 'pages_about', 'dir': 'about', 'file': 'about_us', 'dimensions': 'width="18" height="102"' },
    'services': { 'class': 'pages_services', 'dir': 'services', 'file': 'services', 'dimensions': 'width="17" height="95"' },
    'licenses': { 'class': 'licenses', 'dir': 'licenses', 'file': 'license_a_song', 'dimensions': 'width="18" height="132"' },
    'questions': { 'class': 'pages_questions', 'dir': 'questions', 'file': 'common_questions', 'dimensions': 'width="18" height="158"' },
    'songs': { 'class': 'songs', 'dir': 'listen', 'file': 'listen_to_music', 'dimensions': 'width="18" height="136"' },
    'contact': { 'class': 'pages_contact', 'dir': 'contact', 'file': 'contact_us', 'dimensions': 'width="18" height="113"' },
    'clients': { 'class': 'pages_clients', 'dir': 'clients', 'file': 'clients', 'dimensions': 'width="18" height="90"' }
  };
  
  for (action in action_mapping) {
    var dir   = action_mapping[action]['dir'];
    var klass = action_mapping[action]['class'];
    
    for (link_action in action_mapping) {
      var file = action_mapping[link_action]['file'];
      var dim  = action_mapping[link_action]['dimensions'];
      
      var img  = '/images/application/links/' + dir + '/' + file + '.jpg';
      var roll = '/images/application/links/' + dir + '/rollovers/' + file + '.jpg';
      var link = $('body.' + klass + ' div#menu a[href="/' + link_action + '"]');
      
      link.html('<img src="' + img + '" ' + dim + ' />');
      link.mouseover(close(link, roll));
      link.mouseout(close(link, img));
    }
  }
});

function close(link, src) {
  function fn() {
    link.find('img').attr('src', src);
  }
  return fn;
}