function initCalendar() {
	$('#date-picker').each(function(){
		$(this).datepicker({
			showOn: 'button',
			buttonImage: "/public/img/accueil/calendrier.gif",
			buttonImageOnly: true,
			dayNames: ['Dimanche', 'Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi', 'Samedi'],
			dayNamesShort: ['Dim', 'Lun', 'Mar', 'Mer', 'Jeu', 'Ven', 'Sam'],
			dayNamesMin: ['Di', 'Lu', 'Ma', 'Me', 'Je', 'Ve', 'Sa'],
			monthNames: ['Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre'],
			monthNamesShort: ['Jan', 'Fev', 'Mar', 'Avr', 'Mai', 'Juin', 'Jui', 'Aou', 'Sep', 'Oct', 'Nov', 'Dec'],
			changeMonth: true, // Permet de changer le mois avec un menu déroulant
			changeYear: true,  // Permet de changer l'année avec un menu déroulant
			firstDay: 1,       // La semaine commence le Lundi
			showAnim: 'slideDown',
			dateFormat: 'dd/mm/yy',
			showButtonPanel: true,
			closeText: 'Fermer',
			currentText: 'Aujourd\'hui'
		});
	});
	// Pour les graphistes
	$('.ui-datepicker-trigger').addClass('calendrier');
}

$(document).ready(function() {
	initCalendar();
	
	$('#date-picker').change(function(){
		var container = $('ul.list_manif');
		
		// Mise en place de l'indication de chargement
		container.html($('<li><a>Chargement en cours, veuillez patienter...</a></li>'));
		var lienArdoise = $('#lien-ardoise');
		lienArdoise.hide();

		// Normalisation de la date
		var dateChoisie = $(this).val();
		var regexp = new RegExp('/', 'g'); // On remplace les '/' par des '-', car comme chaque développeur Web sait, le '/' a une signification dans les URLs...
		dateChoisie = dateChoisie.replace(regexp, '-');
		
		// Mise à jour de l'ardoise en AJAX
		$.get('/fr/agenda/ardoise/' + dateChoisie, function(data) {
			container.html(data);
			// Mise à jour du lien vers le listing
			var link = $('#lien-ardoise');	
			link.attr('href', '/fr/agenda/listing/' + dateChoisie);
			
			lienArdoise.show();
		});
	})
});