$(function() {LoadAct();});         // после загрузки DOM
//--------------------------
function _mOver(event) {
  var o_img = $('#i' + event.target.id.substring(1) + ':hidden');
  if (!o_img.size()) {return;}      // нет картинки для ссылки или картинка уже открыта
  $('#ramka IMG').fadeOut('slow');  // медленно убираем предыдущую фоту
  $('.main_menu A').attr('class','');
  o_img.fadeIn('slow');             // медленно показываем текущую
  $(event.target).attr('class','a_hover');
}
//--------------------------
function _mOut(event) {
// вообще-то эта ф-ия не нужна
// сейчас, когда мы сходим со ссылок, показывается последняя наведенная фота
// можно здесь сделать, чтобы показывалась самая первая фота
}
//--------------------------
function LoadAct() {
  var id0 = $('.main_menu A').hover(_mOver,_mOut).slice(0,1).attr('class','a_hover').attr('id');
//
  $('#ramka IMG').hide();                                 // скрываем все картинки
  $('#ramka IMG[id=i' + id0.substring(1) + ']').show();   // показываем картинку для первого элемента (она не обязательно первая в списке)
}
//--------------------------