jQuery(function($){
    $('a[id^="toggleLink"]').click(function(){
        this.innerHTML = (this.innerHTML == 'moins')? 'plus' : 'moins';
        // quand on clique sur un lien 'toggleLink*', ça va montrer/cacher le prochain élément ayant la classe 'toggleContent*' dans la page
        // ex : qd on clique sur le lien #toggleLink_12, ça va modifier l'élément #toggleContent_12
        $( '#' + this.id.replace("toggleLink", "toggleContent") ).slideToggle();

        return false;
    });

    $('area.area_region').mouseover(function(){
        afficher_region(this.id.replace('area_region_', ''));
    }).mouseout(function(){
        cacher_region(this.id.replace('area_region_', ''));
    });
    $('a.lien_region').mouseover(function(){
        afficher_region(this.id.replace('lien_region_', ''));
    }).mouseout(function(){
        cacher_region(this.id.replace('lien_region_', ''));
    });
});

function afficher_region(area_num) {
    $('#carte_france_region').css('backgroundImage', 'url(/images/carte_france/region_' + area_num + '.png)');
    $('#lien_region_'+area_num).addClass('hover');
}
function cacher_region(area_num) {
    $('#carte_france_region').css('backgroundImage', '');
    $('#lien_region_'+area_num).removeClass('hover');
}