À.¸ï&1|?"{}:+dª“Ät	»Þéö4BÔE…“³n!‚3Í_±È${íE³Úžt˜Ú¹“Ä‹.³5[ºo/ÔÎ6˜dßÇ‚:In–­wO×ó/}m÷V-:Å)|x^¾BôËÌ›†rÞ°ÅáÑtAæ®<Ÿð†dëÌßzŒâAÕT=Yá5h„¬]‡Ô¾ÌùùÈçhp€’#øœËs¾·äKb÷¨Í…Î—ýNº$O¤_ÿÞ©âzÁ» ?_€ö©w­§—%¹¶Üê™=Ð{µve‘®¶ƒÈŒ1m‡åõnZxìREŸ`íÒ´Øp²zŠŒÎ&-sÐ€î²TIE™a’$.½úh#ÐÕ²åQ=ÁÍòKBÛ,+À?Çgs;ë(éY w2§m*])6"JÖ»¦5Aó®yÅÔ \ócƒ"¨ i×(eÍü¼ñˆÈ¦9¥b‰¿S>Å¯Ó*vT@hò«Eˆÿö½_‰ÙÙK­#âØ¶¯þe%5^Ä´ÛM[:ù;,{ûÇûü*Opõ318”cÇØg1m„¨$˜¬Hõ	u~æ>ï^Åëgú5l—º ±o:hREâ…a¶áˆ^÷¶=éžóe¾\œ%
pØ@•°Iá#•—£{–wc,™ÝCß·ñ&³­P<Àf©îÛ‹a¬ýØ2¼;e9¢Ù–~y‚‚ü†‰6\2¿K»È˜­§¶’¡jõJH‰87]'Õð:6ü"ñ…£YÈêå[ýÝî²ðÂÓR¥ÄÝÃ«=ÁÍòKBÛ,+À?Çgs;ë(éY w2§m*])6"JÖ»¦5Aó®yÅÔ YAÌ·¾=§‰þ²µFÓ¿džxƒ~jß}&ÇBZñ&­\ûbEëòH$¯$¢1=ù3à
Å*yÀ«ckhôeMW¸·5§€¡ó&wÝû¾qb³©¥DdO²ùPÚâfÒ¥¢øqKS®OÊ%Íf&M|X?åÙ$3ÉLá?#»b§ôŒÆc¤¥ìk+Ë•­uóÕðÂšoU†ME¨òVä* „@Ž½kÅfžô:”™,#öŠŠÚÏêÃ@'ð­ÀÛö¯KÔOBYá¿ÃL”<õXe)4)™ØM§.)¨fà”[Â7 ¨D¶@ïµ\+ ž5«x-±ëBj€/EïÎˆ cÊOŠÛMÞ‹ÏÒ¶
GÃÆ{Ä›I×‘ÓG©YìÖï^Åëgú5l—º ±o:hREâ…a¶áˆ^÷¶=éžóe¾\œ%
pØ@•°Iá#•—£{–wc,™ÝCß)ªì–õ5þ3a‡KÔ^­­ÀÛö¯KÔOBYá¿ÃL”<õXe)4)™ØM§.)¨fà”[Â7 ¨D¶@ïµ\+ ž5«x-±ëBj€/EïÎ\ÚRò/Ö0/Ä¸ç§Ä“T‹¹}@tßseJ“ÐN»ÔÀÔ5[y-¡üÄ£L‹²ëŠ7ÀÍŒÂÁ2!ôUˆÒýÚyß–®iÉNØ²è1Šß®øDõÞ€Ý¡{°Ñ¹¸Ó\´èê×„àóÚ´8z?²³.ä¥ùŸ×+qý2]aìo¦¶·ñºváõw¼ï×†yj±	»<ÆFÙÑuÖîþ^ß¬.’döB œes¬ÅÑ^ùåHÉBÊ}öoåjDÞQÝe£#C¬ƒ>8àâF‚P©(ö“"d¬=¿=ça’~æ¨v°K&&Ì,$ãDƒ¸ïY”6wßt _ŒMd†â‹-f —(EŽ LfiÏåãBÿ)ˆ®Ýüô=S]+9‹3-§Ëò÷ßÞ@ôMú™(uHmÄn ¶ÌÁŒ?-Í
õ1QMÁð— OÒÉÓ{wš¿ñP3aï^Åëgú5l—º ±o:hREâ…a¶áˆ^÷¶=éžóe¾\œ%
pØ@•°Iá#•—£{–wc,™ÝCß4Z×‚<Ò³}kØï¸+¬ýØ2¼;e9¢Ù–~y‚‚ü†‰6\2¿K»È˜­§¶’¡jõJH‰87]'Õð:6ü"ñ…£YÈêå[ýè[ŸÓÝ•²bAQiÂT®bUC0(‡!j¸J¦CÞc‹YiuDv¦_°ò/™Aú|#É4®úª/]]þƒq‘mÊU¡/Í³™T´K‰¢ð=Ð8ÅÖ“}Çær©»É7=
ÁYjx, Š‰¦ZøÔgçBo¯ÐÇ¿?eât¾ve‘®¶ƒÈŒ1m‡åõnZxìREŸ`íÒ´Øp²zŠ=Û¼<Íõ×<mÛÀ%nÝ¢æ¨Cdý «ŠN‰$—Î=­&­\ûbEëòH$¯$¢1=ù3à
Å*yÀ«ckhôeMW¸·5§€¡ó&wÝû¾qb³©¥DdO²ùP<RÜ˜½‡~#õ¿àšù³Œ&­\ûbEëòH$¯$¢1=ù3à
Å*yÀ«ckhôeMW¸·5§€¡ó&wÝû¾qb³©¥DdO²ùP½ø‰Wî2¹}&êæNÙ3¦®ÑÏàànˆÁÝÝðN’&M|X?åÙ$3ÉLá?#»b§ôŒÆc¤¥ìk+Ë•­uŽ5»‘®¨CZ2ø–ÓÚ«ûµ2Ä¸\;6qê+b‡#æ“®_ÞQzæG€¼%Euÿs}‘50Ä~ÇOãšócþˆpäLÎîii°Î˜¶<“ëÜ¾‹‹Ò“z,žìªPêïˆŒ;µ îÐä÷`‚*1ÈQøòx›ŸÍ	'Ìò¨9‚Óì±Q¤š’ÅÔmsÏîÏÂuq:Ó±ZZŽ»AÑ	ëñ­6ôkÚnÜä„	'é3¡ÐÁ9§]rc™öÿR\S]E«¹¿ LßiFû­Ç~`D4ïà¤,øGä´!/õn4$7mk²þ*ÄÍÛ8nnà&,ô‚`\ÍfÜ¸ƒqiá¡ÿ)‹y•@ú3Îý\Ë•¼+ZŸK¹û´Èî9øC€Tv1òübæÉ'NÈò*â%-í2Ÿh{ÉcåÑý&h8&Ö×QœÝDl}­3Ž…¥E¨ôdZïÞïÉnüñê•š0}’R¢™j ²°Ø²-Så´ÌÀ$”- çÚdèù
HàvÓ/TÃöÝ-DQP‡^®N½Î†*h4§Ò~HOª÷{¤á¥,qª^…oßÏ¢&m©i©ÆoO¬P©ó,ÀÒšÆuÿ“}[Â…+ž2At[ŒÕF#Ð(U8o‹.JËYÕsä¾3Þ	êe-(mÐµ!KÅ­IŠéhÝUV²º>û¼Mê£ŠTx—|IGÅŒ”¥6Á[W{yä=Ï75÷Ù}¦’#‚ÎÈEÉÑA"ÿ€±7²±aì¤|ü+ÐÕLsÛ¥~ƒYæT+aâJ_çÎâ+ä±h´0ÆhÅûˆ~	B^Þ²—¤n.D6Ô*Îd?¼Œ]ôØa“Ujè :K¬âEeiüK&%Ýl%å Õ$<EY­“§ Rj”6©2œQÏ£nÕÉÒýÊ%–ïtqàyOgäÜaH« ¤mÃ
Gm7Zs1œó„7&f:(Gs±Â˜ GèÁK4H¹¤"-ÐØcFC™Ä¶ôêÃþáê©|×ÜÓ§‹d,v=ày$á«“Ã‹\é]•(;C¿	ŠZS9`ô8MŒÏÒˆªè]å>WI ¬íqÇIÁ
¦›Nª?§‹­x§VÇI7ÊIÛí<Á¼í2_{ó";ý:-ÔØ9fÌà»K#£W7ØTìÎúÑ^³}Àw»p«H}Àã` *õ©+aâJ_çÎâ+ä±h´0Æ¦JîI”aÖùÖq½°˜Ø9´ËtjMfiØgîØïvcp–Šóè×<¦Š[½8
µfŠYýÓKŸFŒþŸšRQwrÏ€0ö{gâœÛ²x[h«#Ì~0ºHË ûyº’…­»íá™ÉžfÀ.ù6c©å¥Aè—BÁ¼i…}`ý\•Iµ'oæLJgYâÒÞÁ>èGØˆ{@æ«Öœ"T	pl¦³<¾¯çàQ>‡ÉGröp¯|m»ú :ÈïÀÓ©ÊÿÃÁÉJ‘ÛM$:VÁ@|ÿ§qo;;)þ>µßF²òd>pÅ2ŠjÞRl^ˆ¿¢woT^³¶»ew¸¦öy M½Íó¤ä_jÅUw²%j«PtæDQP‡^®N½Î†*h4§®AòCÔÏß[ÇøÀýˆ£±"65¸V©¦ãSa[õB—%UØñ9­Ÿ¯j¦|(Û8nnà&,ô‚`\ÍfÜ¸ƒqiá¡ÿ)‹y•@ú3Îý\Ë•¼+ZŸKÞZ9RÃmRCSz@ÒòÕ÷CòlïßG€Áóx×Ó.-o ÉäËCêSOSÏ›]•_ÑÓGAÈ
nÍ»˜&¶v+3Ú¯LôÝˆ1CS1}sÕû*Æ/<$Mÿæ¸CÏ›]•_ÑÓGAÈ
nÍ»˜÷LÆâ=¹E1ìî{c\Ð ½{ÃÀä±û¶ÉqQ–½D“ý5–hv¸kæÂ1 èÖYnÈ+	\ê‰—7´¬ÛN|[ž(àyžpÿÝŠ±äŒñÇš5j‘iÂß052´·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Üä„tfXäõ ŽZcàkÿÅK:S\–øÂ¦}¿¢;YÎö$ì±Ë7ŸÔÖ±T’Ÿbd·¾Ô3³Î ¾àLuPß»]\|†ó³–×ž÷N&>öàº–	JÓ6Â~¤Êsû­Dl‘°ÍŠ…øúÜ/*n„Q‡ÉBê/VN¦Ÿ)›¦(p³Xxò@	Æ´4í¤"-ÐØcFC™Ä¶ôêÃþáê©|×ÜÓ§‹d,Â²ÛX#:.IÃXÁ}š±cIŸKb±ªÑô÷·ž´(ÏQ#M&ÃÁ6ibÉÛ$p™~LtC=êBN¤µÅ°ßbêóm)ŽÔÇÞ¶tKíàµêH¹,HÁ˜z‰²ÅÞÄÒA¹¶‹ø2KS{{×%ý€Ô2Fàô—x[X58F­9´ËtjMfiØgîØïvz¦ƒ|R°þRñ{^ÙT40ü%	D£ ÎÁ<2”êõb¥ÿî‘}ÞfB÷W>~9È¹ŠY”ØÐÜâ÷ŽS¼†/×¼»3\|öœ`ï     calendar: "East Coast Events",
                start: new Date(2016, 10, 13, 14, 0, 0),
                end: new Date(2016, 10, 20, 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);

            var printButton = null;

            $("#scheduler").jqxScheduler({
                date: new $.jqx.date(2016, 11, 23),
                width: 850,
                height: 600,
                source: adapter,
                showLegend: true,
                // called when the dialog is craeted.
                editDialogCreate: function (dialog, fields, editAppointment) {
                    // hide repeat option
                    fields.repeatContainer.hide();
                    // hide status option
                    fields.statusContainer.hide();
                    // hide timeZone option
                    fields.timeZoneContainer.hide();
                    // hide color option
                    fields.colorContainer.hide();

                    fields.subjectLabel.html("Title");
                    fields.locationLabel.html("Where");
                    fields.fromLabel.html("Start");
                    fields.toLabel.html("End");
                    fields.resourceLabel.html("Calendar");

                    // add custom print button.
                    printButton = $("<button style='margin-left: 5px; float:right;'>Print</button>");
                    fields.buttons.append(printButton);
                    printButton.jqxButton({ theme: this.theme });
                    printButton.click(function () {
                        var appointment = editAppointment;
                        if (!appointment)
                            return;

                        var appointmentContent =
                            "<table class='printTable'>" +
                                "<tr>" +
                                    "<td class='label'>Title</td>" +
                                    "<td>" + fields.subject.val() + "</td>" +
                                "</tr>" +
                                "<tr>" +
                                    "<td class='label'>Start</td>" +
                                    "<td>" + fields.from.val() + "</td>" +
                                "</tr>" +
                                "<tr>" +
                                    "<td class='label'>End</td>" +
                                    "<td>" + fields.to.val() + "</td>" +
                                "</tr>" +
                                "<tr>" +
                                    "<td class='label'>Where</td>" +
                                    "<td>" + fields.location.val() + "</td>" +
                                "</tr>" +
                                "<tr>" +
                                    "<td class='label'>Calendar</td>" +
                                    "<td>" + fields.resource.val() + "</td>" +
                                "</tr>"
                           + "</table>";

                        var newWindow = window.open('', '', 'width=800, height=500'),
                        document = newWindow.document.open(),
                        pageContent =
                            '<!DOCTYPE html>\n' +
                            '<html>\n' +
                            '<head>\n' +
                               '<meta charset="utf-8" />\n' +
                               '<title>jQWidgets Scheduler</title>\n' +
                                '<style>\n' +
                                 '.printTable {\n' +
                                    'border-color: #aaa;\n' +
                                    '}\n' +
                                 '.printTable .label {\n' +
                                    'font-weight: bold;\n' +
                                    '}\n' +
                                 '.printTable td{\n' +
                                    'padding: 4px 3px;\n' +
                                    'border: 1px solid #DDD;\n' +
                                    'vertical-align: top;\n' +
                                    '}\n' +
                               '</style>' +
                           '</head>\n' +
                          '<body>\n' + appointmentContent + '\n</body>\n</html>';
                        try
                        {
                            document.write(pageContent);
                            document.close();
                        }
                        catch (error) {
                        }
                        newWindow.print();
                    });
                },
                /**
                 * called when the dialog is opened. Returning true as a result disables the built-in handler.
                 * @param {Object} dialog - jqxWindow's jQuery object.
                 * @param {Object} fields - Object with all widgets inside the dialog.
                 * @param {Object} the selected appointment instance or NULL when the dialog is opened from cells selection.
                 */
                editDialogOpen: function (dialog, fields, editAppointment) {
                    if (!editAppointment && printButton) {
                        printButton.jqxButton({ disabled: true });
                    }
                    else if (editAppointment && printButton) {
                        printButton.jqxButton({ disabled: false });
                    }
                },
                /**
                 * called when the dialog is closed.
                 * @param {Object} dialog - jqxWindow's jQuery object.
                 * @param {Object} fields - Object with all widgets inside the dialog.
                 * @param {Object} the selected appointment instance or NULL when the dialog is opened from cells selection.
                 */
                editDialogClose: function (dialog, fields, editAppointment) {
                },
                /**
                * called when a key is pressed while the dialog is on focus. Returning true or false as a result disables the built-in keyDown handler.
                * @param {Object} dialog - jqxWindow's jQuery object.
                * @param {Object} fields - Object with all widgets inside the dialog.
                * @param {Object} the selected appointment instance or NULL when the dialog is opened from cells selection.
                * @param {jQuery.Event Object} the keyDown event.
                */
                editDialogKeyDown: function (dialog, fields, editAppointment, event) {

                },
                resources:
                {
                    colorScheme: "scheme01",
                    dataField: "calendar",
                    source: new $.jqx.dataAdapter(source)
                },
                appointmentDataFields:
                {
                    from: "start",
                    to: "end",
                    id: "id",
                    description: "description",
                    location: "place",
                    subject: "subject",
                    resourceId: "calendar"
                },
                view: "monthView",
                views:
                [
                    'dayView',
                    'weekView',
                    'monthView'
                ]
            });
        });
    </script>
</head>
<body class='default'>
    <div id="scheduler"></div>
</body>
</html>