// encoding: utf-8

$(document).ready( function () {

  /***********************************************************************/
  /*** IMAGEMAP **********************************************************/
  /***********************************************************************/
  var map_parts = $('div#carte div.map-parts');
  
  // on met en place la partie où sera affichée le nom de la commune
  var name_part = $('<p class="name-part">').hide();
  
  map_parts.append(name_part);
  
  // pour afficher la carte 'plane' toute verte
  map_parts.hover(
    function() {  $('img.plane', this).fadeIn();  },
    function() {  $('img.plane', this).fadeOut();  }
    
  );
  
  // pour afficher chaque commune
  $('area', map_parts).hover(
    function() {
      var $this = $(this);
      var name = $this.attr('alt');

      $('img#' + $this.attr('id') + '-map', map_parts).show();
      name_part.html(name).show();
    },
    function() {
    
      name_part.hide();
      $('img#' + $(this).attr('id') + '-map', map_parts).hide();
    }
  );
  
});