$(document).ready(function() {
 // hides the DIV as soon as the DOM is ready (a little sooner that page load)
  $('#portrait01').hide();
  $('#portrait02').hide();
  $('#portrait03').hide();
  $('#portrait04').hide();
  
 // shows and hides the DIV  
  $('#flag01').mouseover(function() {
    $('#portrait01').fadeIn('slow');
    return false;
  });
  $('#flag02').mouseover(function() {
    $('#portrait02').fadeIn('slow');
    return false;
  });
  $('#flag03').mouseover(function() {
    $('#portrait03').fadeIn('slow');
    return false;
  });
  $('#flag04').mouseover(function() {
    $('#portrait04').fadeIn('slow');
    return false;
  });
  $('.sc_menu').mouseover(function() {
    $('#portrait01').fadeOut('fast');
    $('#portrait02').fadeOut('fast');
    $('#portrait03').fadeOut('fast');
    $('#portrait04').fadeOut('fast');
    return false;
  });
});