function changeSlide (nr) {
    var li = $('#categorie-rollover-'+nr)
    li.siblings().removeClass('activeCategorie');
    li.addClass('activeCategorie');
    var h = (nr+1) * 270; var pos = "0 -" + h + "px";
    $('#categoriesModelesSlideshow').css({backgroundPosition: pos});
    //document.getElementById('categoriesModelesSlideshow').style.backgroundPosition = p;
}

$(document).ready(function() {
    jQuery('#profilBestofRollup').jcarousel({
        'vertical'  : true,
        'wrap'      : 'circular',
        'auto'      : 2
    });
    jQuery('#questionsRollup').jcarousel({
        'vertical'  : true
    });
    jQuery('#demandesRollup').jcarousel({
        'vertical'  : true,
        'scroll'    : 2
    });
    
    // on insere les photos des experts dans le carousel
    /*var toLoad = $('.linkImage').get();
    for (var i = 0; i < toLoad.length; i++) {
        toLoad[i].src = toLoad[i].name;
        toLoad[i].width = 40;//
    }*/
    
    //Configuration du carousel des actualités
    var retour = true;
    var tempsTransition = 1000;
    // On mouse over stop
    var affichePlayPause = true;
    var lectureAutomatique = true;
    var tempsAttente = 6000;
    
    /*var icones = new Array();
    icones['play'] = 'images/play_slider.png';
    icones['pause'] = 'images/pause_slider.png';	*/

    var currentPosition = 0;
    var slideWidth = 430;
    var slides = $('.slide');
    var numberOfSlides = slides.length;
    var interval;
    //var lectureEnCours = false;

    // Supprime la scrollbar en JS
    $('#slidesContainer').css('overflow', 'hidden');
    // Attribue  #slideInner  à toutes les div .slide
    slides.wrapAll('<div id="slideInner"></div>')
    // Float left to display horizontally, readjust .slides width
    .css({'float' : 'left','width' : slideWidth});
    // Longueur de #slideInner égale au total de la longueur de tous les slides
    $('#slideInner').css('width', slideWidth * numberOfSlides);
    // Insert controls in the DOM
    $('#nav')
    .prepend("<span class='control' id='leftControl'><i class='accueil-sprites-icons prev'></i></span>")
    .append("<span class='control' id='rightControl'><i class='accueil-sprites-icons next'></i></span>");

    // Hide left arrow control on first load
    manageControls(currentPosition);

    //Crée un écouteur d'évènement de type clic sur les classes .control
    $('.control').bind('click', function(){
        // Determine la nouvelle position
        currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1;
        if(currentPosition == numberOfSlides && retour == false ) {
            currentPosition--;
            pause();
        }
        // Cache ou montre les controles
        manageControls(currentPosition);
        // Fais bouger le slide
        $('#slideInner').animate({'marginLeft' : slideWidth*(-currentPosition)},tempsTransition);
    });
    // manageControls: Cache ou montre les flêches de controle en fonction de la position courante
    function manageControls(position) {
        // Cache la fleche "précédent" si on est sur le premier slide
        if(position==0) {$('#leftControl').hide()} 
        else {$('#leftControl').show()}
        // Cache la fleche "suivant" si on est sur le dernier slide (et que le retour automatique n'est pas activé)
        if(position==numberOfSlides-1 && retour == false) {$('#rightControl').hide();} 
        else {$('#rightControl').show();}
        if(position == numberOfSlides && retour == true) {
            currentPosition = 0;
            $('#leftControl').hide();
        }
    }
    function suivant() {$('#rightControl').click();}
    function start() {
        lectureEnCours = true;
        interval = setInterval(suivant, tempsAttente );
    }
    function pause() {
        lectureEnCours = false;
        clearInterval(interval);
    }
    //Si le diapo est activé 
    if(lectureAutomatique == true) {start();}
    if(affichePlayPause == true) {
        $('.slide').bind('mouseover', function() {
            if(lectureEnCours == true) {pause();}
        });
        $('.slide').bind('mouseout', function() {
            if(lectureEnCours == false) {start();}
        });
    }
});