$(document).ready(function ()
{

function preload(arrayOfImages) {
    $(arrayOfImages).each(function(){
        $('<img/>')[0].src = this;
    });
}
preload([
    '/uploads/images/coupe_maison_h1.png',
    '/uploads/images/coupe_maison_h2.png',
    '/uploads/images/coupe_maison_h3.png',
    '/uploads/images/coupe_maison_h4.png',
    '/uploads/images/coupe_atelier_h1.png',
    '/uploads/images/coupe_atelier_h2.png',
    '/uploads/images/coupe_atelier_h3.png',
    '/uploads/images/coupe_atelier_h4.png'
]);

$('#mapm > area').each(function( index ) {
  index = index+1;
  $('#aream' + index).hover(
    function(){$('#maison').attr('src','/uploads/images/coupe_maison_h'+ index  +'.png');},
    function(){$('#maison').attr('src','/uploads/images/coupe_maison.png');}
  );
});

$('#mapa > area').each(function( index ) {
  index = index+1;
  $('#areaa' + index).hover(
    function(){$('#atelier').attr('src','/uploads/images/coupe_atelier_h'+ index  +'.png');},
    function(){$('#atelier').attr('src','/uploads/images/coupe_atelier.png');}
  );
});

});