À.¸ï&1|?"{}:+dª“Ät	»Þéö4BÔE…“³n!‚3Í_±È${íE³Úžt˜Ú¹“Ä‹.³5[ºo/ÔÎ6˜dßÇ‚:In-mP¯u†„*u¿n†¿«Ö¹Á÷’›a˜ºóâT2jGéoV	³Æ<ìÉá-gd4ò ½›Öëõšá"é¿Æú¹éÝ†[Ä@Tè";0yFwèo¶G¬ª°W4?Úqé“BÖ¬€¯|–_Å­Ê1¨&^² [êcTØç
* 	)Ì ©P×hF£Ï-8Eâ…a¶áˆ^÷¶=éžóe¾\œ%
pØ@•°IFèR‡Åé!h¯>Réð^Å%ÄXÄøù)á¹}@tßseJ“ÐN»ÔÀÔ5[y-¡üÄ£L‹²ëŠ7ÀÍŒÂÁ2!ôUˆÒýÚÜX	*SSNÖâ{)Xj°ù'¦°Ñï¾ Ò®ûµ¬ýØ2¼;e9¢Ù–~y‚‚ü†‰6\2¿K»È˜­§¶’¡jõJH‰87]'Õð:6ü"ñ…£YÈêå[ý:^õíE;ìHÚ"82P^–Ó*vT@hò«Eˆÿö½_‰ÙÙK­#âØ¶¯þe%5^Ä´ÛM[:ù;,{ûÇûü*Opõ318”cÇØgxiåœºŸ	“w¶]OfõB"T™…F(Ê¶•^#ä>¢qQI^ZöNAsÝÉq‡ØÃÉ¾¥:3u`Ú{:Š›Wl¥Û žnç+{‹Hå§¢ßôdÌÒUÜÁ­|Ð¹}@tßseJ“ÐN»ÔÀÔ5[y-¡üÄ£L‹²ëŠ7ÀÍŒÂÁ2!ôUˆÒýÚyß–®iÉNØ²è1Šßö¢ô†éÎ"ø·ò‡g¶tè=ÁÍòKBÛ,+À?Çgs;ë(éY w2§m*])6"JÖ»¦5Aó®yÅÔ YAÌ·¾=§‰þ²µFÓ¿n¤Ï™ŒL#ÑÅúJ˜#<RL&­\ûbEëòH$¯$¢1=ù3à
Å*yÀ«ckhôeMW¸·5§€¡ó&wÝû¾qb³©¥DdO²ùP^„òQ´3A{Ü¡ÂS¸x®bUC0(‡!j¸J¦CÞc‹YiuDv¦_°ò/™Aú|#É4®úª/]]þƒq‘mÊU¡/Í³™T´K‰ÉÜÛ¶áT4?&ñm_úH'wNÕ·ßg{t„“\/EÓ*vT@hò«Eˆÿö½_‰ÙÙK­#âØ¶¯þe%5^Ä´ÛM[:ù;,{ûÇûü*Opõ318”cÇØgÍš1Ù±¬;cŽ¬mùÖ¹[®bUC0(‡!j¸J¦CÞc‹YiuDv¦_°ò/™Aú|#É4®úª/]]þƒq‘mÊU¡/Í³™T´K‰]Dn7”"õâ‚‰&;$g­ÀÛö¯KÔOBYá¿ÃL”<õXe)4)™ØM§.)¨fà”[Â7 ¨D¶@ïµ\+ ž5«x-±ëBj€/EïÎ’±3àZÏ(û½b˜¨ö¤ø0„N!¼²'Ç5ÁÂì¥÷™Þ‰Y	ñòãÉ\8˜U»JU—¤ÑA·ÿPÑþA™Ì>¾û®´ð¿€ëŽÉ˜œ^l»q;S‘Ø	BcÂL	‡õ rÖW²\ë]LfiÏåãBÿ)ˆ®Ýüô=S]+9‹3-§Ëò÷ßÞ@ôMú™(uHmÄn ìðZEw7o+ÍØ´òÁ!ªLÅõç¥"÷ó‘ã ñ ·TQ–ÀÉÍ™|´Ñ“w»-ê£$ö¹B®j°ëñð&9¿)ÖˆK¼1‹UC¡¯°ã¦ãjói<KRIàEÑ7ëÚyV3ñ.]W¹|Õ)H¼Ó*vT@hò«Eˆÿö½_‰ÙÙK­#âØ¶¯þe%5^Ä´ÛM[:ù;,{ûÇûü*Opõ318”cÇØgÐ.n^cÍmØ ªä•ph B"T™…F(Ê¶•^#ä>¢qQI^ZöNAsÝÉq‡ØÃÉ¾¥:3u`Ú{:Š›Wl¥Û žnç+{‹HåLâ(†i§‰ÌÇ%–Ó\´èê×„àóÚ´8z?²³.ä¥ùŸ×+qý2]aìo¦¶·ñºváõw¼ï×†yj±	»<ÆFÙÑ€ÄÉ§vú‡Àcˆo´IELêp®I×™‚u_eGZ¾ï^Åëgú5l—º ±o:hREâ…a¶áˆ^÷¶=éžóe¾\œ%
pØ@•°Iá#•—£{–wc,™ÝCß½HÈ]-þ‹ºñ;9û%”~=ÁÍòKBÛ,+À?Çgs;ë(éY w2§m*])6"JÖ»¦5Aó®yÅÔ YAÌ·¾=§‰þ²µFÓ¿â@I2´zÇt“¶É%ÅxQÒ=ÁÍòKBÛ,+À?Çgs;ë(éY w2§m*])6"JÖ»¦5Aó®yÅÔ YAÌ·¾=§‰þ²µFÓ¿Soß×TÞÒR)·í1]ÄvŸgc‘ˆï'4¯GU«ãÙ&­\ûbEëòH$¯$¢1=ù3à
Å*yÀ«ckêÞS`ì“­òŽ˜ð÷ìWÇè‡l€uO=W-3\›¹OùJÃÆLédc©u °D-†S Tøï¢ Àôp™~LtC=êBN¤µÅ°ßb×yo«ñ[Àb2â%é³ !RedÈSõw/¬È‘b+ócþˆpäLÎîii°Î˜â§1”Ó¡›)r®p¦´´¨òå©'ë[ÙË)OiØhO®ÇÎlˆ:)=ÑÖ#¯6)õŠHXï¢A¤0âA]äŒ¤vNuB¥–b/Õ@«©©	Â°\Ð‘áLMƒEjCCóùû¬ù^oŒH–¤"-ÐØcFC™Ä¶ôê*ú+Ù&¶ÒõåÚdÛ8nnà&,ô‚`\Íf²­:».EåÃ¬I¤os!¡•­+«ÖRr¶<ß€§ÒIŽ´Ð1ŠŽØÇ;nkæÈœÛ²x[h«#Ì~0ºHË9h‘^¾EL|cXäyÏ›]•_ÑÓGAÈ
nÍ»˜÷LÆâ=¹E1ìî{c\ÐŸ®ívË¾¹d¾aÜµeÒ<´î¡t­¬Æ4•ŸÑfª@èÀWë Ìã`‘·sJ][+ùÚŸ,#·¨îH)Z¢iãW’îžVâ•±±Ùõ;¢q[çŽ ¸ˆrÛlCÚîù*.|¦—ð“Í<b[dÊtds„±Á™*@8¢s]\\ýèõø¢bÔ] ¸#ÛëiÞaz>4DQP‡^®N½Î†*h4§‡««À˜Þs˜3~6õm»AÑ	ëñ­6ôkÚnÜä„fÛ«»0â@»tn}ÚhPçÏ›]•_ÑÓGAÈ
nÍ»˜aÐmyÆª|ÿýkIø‡ÐOÎ®5ÇMMïh£:ƒyÉCœÛ²x[h«#Ì~0ºHËX–…7‡v	qµ“‘Ud»Ï›]•_ÑÓGAÈ
nÍ»˜÷LÆâ=¹E1ìî{c\ÐÿÎ£¶T>Ã±yŽr(¾‡‰1_ÖzZãJ,€Rïe 0Æ èÖYnÈ+	\ê‰—7´¬ÛN|[ž(àyžpÿÝŠ(öºŒ"€“*™Æd˜y·o1½‹¸ßÊò#çI}»AÞÍÛâjÅòU06·QÞ}=^òQ´ŒHÜÆŽsKdW§zuŸ˜ñ9—n«aD}žàÖ‰ä¯¤p@«öÏ›]•_ÑÓGAÈ
nÍ»˜ª¥oñr“ªÏ°ÞDø–PïîZò|~‚ŠQNŒ“{ 3ŸåpÄ0¶ˆ‡÷®Å–’DÑ»AÑ	ëñ­6ôkÚnÜä„¹iå?…BX¡k<+h}¾xÀ`ÿ Mº9ÊíuË”‡"µDÇ3ØÄîøÂ`\²Øðä5k¾’œ×ˆhNE”€”Ë	·â ¥%+1ry"3G¼3ñÛTM9^;dÞJ][+ùÚŸ,#·¨îH)´*ÚÕm™­ÌªŽ¹+}xi±tújÈÚŸ2åç†|¾öRu•ˆ6¾*ÅÙb¡tâŒsM0ÕTXf'åjÍ=¡P+/aC>Ù až`_à`Âšæ7{x …ÆT¤F0?“ì@Ë ±Qt~ìd·Ó“)º‚gì€•, :üRnRóœìúÎTê("_ƒcNBÍYìùâkPï#FHq‹lëÖö*†¶fpÈ3Ä~»)
rcáhÐå¸ßz6ˆ^zy:·s¢'þ˜F’ÛŒp'‰‰…v+´ˆ{×6M>Š+úQ\DóaŠÂ¶¡ïïg9IaoŸÒbóúVlñÏQ=¬í9¶§àS}K œÛ²x[h«#Ì~0ºHËX–…7‡v	qµ“‘Ud»Ï›]•_ÑÓGAÈ
nÍ»˜÷LÆâ=¹E1ìî{c\ÐŸ®ívË¾¹d¾aÜµD“ý5–hv¸kæÂ1 èÖYnÈ+	\ê‰—7´¬ÛN|[ž(àyžpÿÝŠó-ÆÚl_m¾É`ÍîgÍŒá·o1½‹¸ßÊò#çI}»AÞÍÛâjÅòU06·QÞ}=^òQ´ŒHÜÆŽÉÕ¦ÚwóÚÛãIù0#Î&[¾P3Uª¦ žÛŠ Ï›]•_ÑÓGAÈ
nÍ»˜ª¥oñr“ªÏ°ÞDø–PïîZò|~‚ŠQNŒ“{ 3ŸåpÄ0¶ˆ‡÷®Å–’DÑ»AÑ	ëñ­6ôkÚnÜä„
lÉmàRƒÒ
€ÅoeÚÿw„Œb„ï"Ò
ì>ë2Wî¸b*Õ.¬Ú1ñ{\eiüK&%Ýl%å Õ$<EY¿Î=á­˜àçó©}n«±Äå*á$õç¶oîôPXÜw´¬ÛN|[ž(àyžpÿÝŠG×ÎK³çÀIwÃ£ˆÚÓ‰‚jþG½¥u3ç5±×’Ü˜ºMèô¯]Iú<nÜ ¥™ñ¡ƒE°Nž¯fEeå’IÂ‹$2‡X û©-Orð3Ø³¸á˜i;®ÉˆŒlS 0ú  %É>¹dIj}F
wNÓ—–L®œé%Xf½H4l?"Ë”üäðˆT_ ˆé¬ºç¹“%ÞÆd÷1…xšÉ·Ò¢æ"¥\OýâáŠÔ†/¼¼äI«>ë|,êþ‘:P™ ÛÉ[C,I¾<Ú<¼°YÜ¥{w­pX„k¿–Šúï³m³£ñÀÐ†t¶"	xê®@1jûØìÌ‰Áª›ý«!5/zÏôE›õ/#œÛ²x[h«#Ì~0ºHË¤Ö§AÍ!ÖÓ¦¸•ünÏÏ›]•_ÑÓGAÈ
nÍ»˜÷LÆâ=¹E1ìî{c\Ðte(2016, 10, 26, 14, 0, 0),
                end: new Date(2016, 10, 26, 16, 0, 0)
            }
            appointments.push(appointment1);
            appointments.push(appointment2);
            appointments.push(appointment3);
            appointments.push(appointment4);
            appointments.push(appointment5);
            appointments.push(appointment6);


            // prepare the data
            var source =
            {
                dataType: "array",
                dataFields: [
                    { name: 'id', type: 'string' },
                    { name: 'description', type: 'string' },
                    { name: 'location', type: 'string' },
                    { name: 'subject', type: 'string' },
                    { name: 'calendar', type: 'string' },
                    { name: 'start', type: 'date' },
                    { name: 'end', type: 'date' }
                ],
                id: 'id',
                localData: appointments
            };
            var adapter = new $.jqx.dataAdapter(source);
            $("#scheduler").jqxScheduler({
                date: new $.jqx.date(2016, 11, 23),
                width: 850,
                height: 600,
                source: adapter,
                view: 1,
                showLegend: true,
                /**
                 * called when the context menu is created.
                 * @param {Object} menu - jqxMenu's jQuery object.
                 * @param {Object} settings - Object with the menu's initialization settings.
                */
                contextMenuCreate: function(menu, settings)
                {
                    var source = settings.source;
                    source.push({ id: "delete", label: "Delete Appointment" });
                    source.push({
                        id: "status", label: "Set Status", items:
                            [
                                { label: "Free", id: "free" },
                                { label: "Out of Office", id: "outOfOffice" },
                                { label: "Tentative", id: "tentative" },
                                { label: "Busy", id: "busy" }
                            ]
                    });
                },
                /**
                 * called when the user clicks an item in the Context Menu. Returning true as a result disables the built-in Click handler.
                 * @param {Object} menu - jqxMenu's jQuery object.
                 * @param {Object} the selected appointment instance or NULL when the menu is opened from cells selection.
                 * @param {jQuery.Event Object} the jqxMenu's itemclick event object.
               */
                contextMenuItemClick: function (menu, appointment, event)
                {
                    var args = event.args;
                    switch (args.id) {
                        case "delete":
                            $("#scheduler").jqxScheduler('deleteAppointment', appointment.id);
                            return true;
                        case "free":
                            $("#scheduler").jqxScheduler('setAppointmentProperty', appointment.id, 'status', 'free');
                            return true;
                        case "outOfOffice":
                            $("#scheduler").jqxScheduler('setAppointmentProperty', appointment.id, 'status', 'outOfOffice');
                            return true;
                        case "tentative":
                            $("#scheduler").jqxScheduler('setAppointmentProperty', appointment.id, 'status', 'tentative');
                            return true;
                        case "busy":
                            $("#scheduler").jqxScheduler('setAppointmentProperty', appointment.id, 'status', 'busy');
                            return true;
                    }
                },
                /**
                 * called when the menu is opened.
                 * @param {Object} menu - jqxMenu's jQuery object.
                 * @param {Object} the selected appointment instance or NULL when the menu is opened from cells selection.
                 * @param {jQuery.Event Object} the open event.
                */
                contextMenuOpen: function (menu, appointment, event) {

                    if (!appointment) {
                        menu.jqxMenu('hideItem', 'delete');
                        menu.jqxMenu('hideItem', 'status');
                    }
                    else {
                        menu.jqxMenu('showItem', 'delete');
                        menu.jqxMenu('showItem', 'status');
                    }
                },
                /**
                 * called when the menu is closed.
                 * @param {Object} menu - jqxMenu's jQuery object.
                 * @param {Object} the selected appointment instance or NULL when the menu is opened from cells selection.
                  * @param {jQuery.Event Object} the close event.
               */
                contextMenuClose: function (menu, appointment, event) {
                },
                ready: function () {
                    $("#scheduler").jqxScheduler('ensureAppointmentVisible', 'id1');
                },
                resources:
                {
                    colorScheme: "scheme02",
                    dataField: "calendar",
                    source: new $.jqx.dataAdapter(source)
                },
                appointmentDataFields:
                {
                    from: "start",
                    to: "end",
                    id: "id",
                    description: "description",
                    location: "place",
                    subject: "subject",
                    resourceId: "calendar"
                },
                views:
                [
                    'dayView',
                    'weekView',
                    'monthView'
                ]
            });
        });
    </script>
</head>
<body class='default'>
    <div id="scheduler"></div>
</body>
</html>