$(document).ready(function(){

    $('.secteurPuce').hover(function() {
        
        var numSecteur = $(this).attr('id').substr(1);

        $('.secteurDiv').stop(1);
        $('.secteurDiv').hide();
        
        showReferences(numSecteur);
        
    }, function() {
        
        var numSecteur = $(this).attr('id').substr(1);
        
        $('.secteurDiv').stop(1);
        $('.secteurDiv').hide();
        
        showReferences(0);
    });
    
    
    
    function showReferences(numSecteur) {
        
        $('#sect'+numSecteur+'Clients').show(1000, function() {
            $('#sect'+numSecteur+'Clients').height(620);
            $('#sect'+numSecteur+'Clients').width(896);
            $('#sect'+numSecteur+'Clients').css({'opacity':1});

        });
    
    }
    
    // A l'ouverture de la page on affiche toutes les références
    showReferences(0);

});