function fadeImg(_element, _class)
{
   _element = '#nav #'+_element;
   _class = 'head-img-0'+_class;
   $(_element).hover(
      function() {
         $('#home-head-hover').removeClass().addClass(_class);
      }, 
      function() {
         //$('#home-head-hover').fadeOut(10).removeClass(_class);
      }
   );
}

$(document).ready(function() { 

   var _els = ['about', 'realisations', 'publication', 'contact'];
   for (_el in _els)
   {
      fadeImg(_els[_el],parseInt(_el)+1);
   }

});