$(document).ready(function() {
//Configuration
var retour = false;
var tempsTransition = 1000;
var afficherControle = true;
var margeDroite = 10;
var currentPosition = 0;
var slideWidth = $('.agenda_contenu:first').width();
var slides = $('.agenda_contenu');
var numberOfSlides = slides.length;
var interval;
// Attribue #slideInner à toutes les div .agenda_contenu
slides.wrapAll('
')
// Float left to display horizontally, readjust .sliderdiapos width
.css({
'float': 'left',
'width': slideWidth,
'margin-right': margeDroite
});
// Longueur de #slideInner égale au total de la longueur de tous les slides
$('#slideAgendaInner').css('width', (slideWidth + margeDroite) * numberOfSlides);
// Insert controls in the DOM
$('#slider_agenda').append('<>
');
// Hide left arrow control on first load
manageControls(currentPosition);
//Crée un écouteur d'évènement de type clic sur les classes.control
$('.agenda_bouton').bind('click', function() {
// Determine la nouvelle position
currentPosition = ($(this).attr('id') == 'agenda_suivant') ? currentPosition + 1 : currentPosition - 1;
if (currentPosition == numberOfSlides && retour == false) {
currentPosition--;
pause();
}
// Cache ou montre les controles
manageControls(currentPosition);
// Fais bouger le slide
$('#slideAgendaInner').animate({
'marginLeft': (slideWidth + margeDroite) * (-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) {
$('#agenda_precedent').hide()
} else {
$('#agenda_precedent').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) {
$('#agenda_suivant').hide();
} else {
$('#agenda_suivant').show();
}
if (position == numberOfSlides && retour == true) {
currentPosition = 0;
$('#agenda_precedent').hide();
}
if ((numberOfSlides <= 1) || (afficherControle == false)) {
$('#agenda_suivant').hide();
$('#agenda_precedent').hide();
}
}
});