MooTools.lang.set('fr-FR', 'Date', {
	months: ['Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre'],
	days: ['Dimanche', 'Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi', 'Samedi'],
	dateOrder: ['date', 'month', 'year', '/']
});

MooTools.lang.setLanguage('nl-NL');

window.addEvent('domready', function() {
	
	MooTools.lang.setLanguage('fr-FR');
	
	var ttips = new Tips('.with-title', {
		'className': 'title-tooltip',
		'fixed': true,
		'hideDelay': 200
	});
	
	
	var calendarXIII = new CalendarEightysix('calendar-placeholder', { 
		'injectInsideTarget': true, 
		'alwaysShow': true, 
		'pickable': false
	});
	
	calendarXIII.addEvent('rendermonth', function(e) {
        var begin = e.elements[0].retrieve('date').format('%Y-%m-%d');
        var end = e.elements[e.elements.length-1].retrieve('date').format('%Y-%m-%d');

        this.savedElements = e.elements;

        var request = new Request.JSON({
            url: '/events/calendar',
            onComplete: function(date) {
                this.savedElements.each(function(item){
                    var day = item.retrieve('date').format('%Y-%m-%d');

                    if ( date[day] ) {
                        item.set('title', date[day].join('<br><br>'));
                        item.addClass('with-title');
                        ttips.attach(item);
                        item.setStyles({ 'color': 'firebrick', 'font-weight': 'bold', 'cursor': 'pointer' }).addEvent('click', function() { 
                            document.location.href = '/events/bydate/day/'+day;
                        } );
                    }
                });

            }.bind(this)
        }).post({
            begin: begin,
            end: end
        });
	});
	
    calendarXIII.addEvent('change', function(date) { alert(1) });	
	
	calendarXIII.render(); 
});