Add qTip to JQueryUI datepicker date instances

gistfile1.html

<div class="calendrier"></div>

<script type="text/javascript">
	$(function(){

		$(".calendrier").datepicker({
			beforeShowDay: function(selectedDate){

				var evenements = <?php echo $activites_json ?>;
				var active = false;
				var cssClass = '';
				var titleAttr = '';

				$.each(evenements, function(index, evenement) {

					var date = new Date(evenement.date * 1000); // conversion depuis un timestamp php

					if (date.toDateString() == selectedDate.toDateString()) {
						active = true;
						cssClass = 'evenement';
						titleAttr = titleAttr + '<a href=|' + evenement.url + '|>' + evenement.nom + '</a><br />';
					}
				});

				return [active, cssClass, titleAttr];
			}
		});

		$('td[title]').livequery(function() {
			$(this).qtip({
				content: {
					text: $(this).attr('title').replace(/\|/g, '"')
				},
				hide: {
					fixed: true,
					delay: 1000
				},
				show: {
					solo: true
				}
			});
		});

	});
</script>