var cat_active = false;
jQuery(document).ready(function() {
    jQuery('div.selecteur_tendance_pro div.scroll').jScrollPane({
        scrollbarWidth: 17
    });
    $('div[rel*=scroll_element]').click(function(){
        var cat_id = $(this).attr('id');
        //$(this).removeClass('is_clickable');
        if (cat_id == cat_active) {
            $('#ss_' + cat_id).fadeOut('slow');
            cat_active =  false;

        } else {
            $('#ss_' + cat_id).fadeIn('slow');

            if (cat_active) {
                $('#ss_' + cat_active).hide();
                $('#' + cat_active).addClass('is_clickable');
            }
            cat_active = cat_id;
        }

        jQuery('div.selecteur_tendance_pro div.scroll').jScrollPane({
            scrollbarWidth: 17
        });
        $('div.selecteur_tendance_pro div.scroll')[0].scrollTo('#' + cat_active, false, true);
    });
});


