Event.observe(window, 'load', function() {
  var nextLink = $('secondLMenu').down('li');
  addLinkForMenuItem(nextLink.down('a.cel_cm_navigation_menuitem'));
  nextLink = nextLink.next('li');
  addLinkForMenuItem(nextLink.down('a.cel_cm_navigation_menuitem'));
  nextLink = nextLink.next('li');
  addLinkForMenuItem(nextLink.down('a.cel_cm_navigation_menuitem'));
  nextLink = nextLink.next('li');
  addLinkForMenuItem(nextLink.down('a.cel_cm_navigation_menuitem'));
});

var addLinkForMenuItem = function(menuItem) {
  $$('.mainpicture div')[0].insert(
    new Element('a', { 'class': 'homeimagelink', href: menuItem.href,
        id: "imgover:" + menuItem.id }
      ).observe('mouseover', imgMouseOver
      ).observe('mouseout', imgMouseOut)
  );
}

var imgMouseOver = function(event) {
  var thisElement = $(Event.element(event));
  var overLink = $(thisElement.id.replace('imgover:',''));
  if(overLink && !overLink.hasClassName('imgover')) {
    overLink.addClassName('imgover');
  }
  event.stop();
}

var imgMouseOut = function(event) {
  var thisElement = $(Event.element(event));
  $$('.mt .menugroup .imgover').each(function(oldMenuItem) {
    oldMenuItem.removeClassName('imgover');
  });
}
