<div class="pad-calendar-{{pad-uniqueId}} pad-calendar-new planadaycalendar"></div>
{{pad-message}}
<if-pad-showCalendar>
    <script>
        jQuery(document).ready(function () {

            jQuery('.pad-calendar-{{pad-uniqueId}}.pad-calendar-new').fullCalendar({
                header: {
                    right: 'today,prev,month,agendaWeek,next'
                },
                defaultView: 'month',
                firstDay: 1,
                minTime: '08:00',
                maxTime: '18:00',
                weekNumbers: false,
                buttonText: {
                    today: 'vandaag',
                    month: 'maand',
                    week: 'week'
                },
                monthNames: ['Januari', 'Februari', 'Maart', 'April', 'Mei', 'Juni', 'Juli', 'Augustus', 'September', 'Oktober', 'November', 'December'],
                monthNamesShort: ['Jan', 'Feb', 'Mrt', 'Apr', 'Mei', 'Jun', 'Jul', 'Aug', 'Sep', 'Okt', 'Nov', 'Dec'],
                dayNamesShort: ['Zon', 'Maa', 'Din', 'Woe', 'Don', 'Vrij', 'Zat'],
                dayNames: ['Zondag', 'Maandag', 'Dinsdag', 'Woensdag', 'Donderdag', 'Vrijdag', 'Zaterdag'],
                timeFormat: 'HH:mm',
                axisFormat: 'HH:mm',
                weekends: true,
                events: {{pad-dataJson}},
                eventMouseover: function (data, event, view) {
                    tooltip = '<div class="tooltiptopicevent">' + data.description + '</div>';

                    jQuery("body").append(tooltip);
                    jQuery(this).mouseover(function (e) {
                        if ({{pad-enableMouseOver}}){
                            jQuery(this).css('z-index', 10000);
                            jQuery('.tooltiptopicevent').fadeIn('500');
                            jQuery('.tooltiptopicevent').fadeTo('10', 1.9);
                        }
                    }).mousemove(function (e) {
                        if ({{pad-enableMouseOver}}){
                            jQuery('.tooltiptopicevent').css('top', e.pageY + 10);
                            jQuery('.tooltiptopicevent').css('left', e.pageX + 20);
                        }
                    });
                },
                eventMouseout: function (data, event, view) {
                    if ({{pad-enableMouseOver}}){
                        jQuery(this).css('z-index', 8);
                        jQuery('.tooltiptopicevent').remove();
                    }
                }
            });
        });
    </script>
</if-pad-showCalendar>
