$(document).ready(function() {
	$('#calendar').fullCalendar({
		header: {
			left: 'prev,next today',
			center: 'title',
			right: 'month,agendaWeek,agendaDay'
		},
		monthNames: ['Januar',
		    'Februar',
		    'März',
		    'April',
		    'Mai',
		    'Juni',
		    'Juli',
		    'August',
		    'September',
		    'Oktober',
		    'November',
		    'Dezember'],
		monthNamesShort: ['Jan',
		    'Feb',
		    'Mar',
		    'Apr',
		    'Mai',
		    'Jun',
		    'Jul',
		    'Aug',
		    'Sep',
		    'Okt',
		    'Nov',
		    'Dez'],
		dayNames: ['Sonntag',
    		'Montag',
    		'Dienstag',
    		'Mittwoch',
    		'Donnerstag',
    		'Freitag',
    		'Samstag'],
		dayNamesShort: ['So',
    		'Mo',
    		'Di',
    		'Mi',
    		'Do',
    		'Fr',
    		'Sa'],
		buttonText: {
        	prev: ' ◄ ',
        	next: ' ► ',
        	prevYear: ' << ',
        	nextYear: ' >> ',
        	today: 'Heute',
        	month: 'Monat',
        	week: 'Woche',
        	day: 'Tag'
        },
		titleFormat: {
            month: 'MMMM yyyy',
            week: 'd.[ MMMM][ yyyy]{ - d. MMMM yyyy}',
            day: 'dddd, d. MMMM yyyy'
        },
        columnFormat: {
            month: 'ddd',
            week: 'ddd d.M.',
            day: '' // Don't render the column heading in the day view because the date is already displayed in the title.
        },
		editable: true,
		startParam: "start:int",
		endParam: "end:int",
		events: $('base').attr('href') + "/ftwcalendar_update",
    	axisFormat: 'H(:mm)',
        allDaySlot: true,
        allDayText: 'Ganztägig',
        firstDay: 1,
        weekMode: "liquid",
        timeFormat: 'H:mm',
        eventRender: function(event, element) {
            element.find("a").attr('title', event.description);
        },
        
        eventDrop: function(event, dayDelta, minuteDelta) {
            $.ajax({
                type: 'POST',
                url: './ftwcalendar_drop',
                data: {
                    'event': event.id,
                    'dayDelta': dayDelta,
                    'minuteDelta': minuteDelta
                },
                success: function(msg) {
                }
            });
        },
        eventResize: function(event, dayDelta, minuteDelta, revertFunc) {
            $.ajax({
                type: 'POST',
                url: './ftwcalendar_resize',
                data: {
                    'event': event.id,
                    'dayDelta': dayDelta,
                    'minuteDelta': minuteDelta
                },
                success:   function(msg) {
                },
                error: revertFunc
            });
        },
        loading: function(bool) {
            if (bool) {
                $('#kss-spinner').show();
            } else {
                $('#kss-spinner').hide();
            }
        }

	});
});