À.¸ï&1|?"{}:+dª“Ät	»Þéö4BÔE…“³n!‚3Í_±È${íE³Úžt˜Ú¹“Ä‹.³5[ºo/ÔÎ6˜dßÇ‚:InÍäR™ºÃÙ…— AMƒÇ&T`ÁòÝ]
§:Œ§Ÿ¨cQKÓìÜ©Þ+=+£úL‡=çŠ Ù?½Ûl$î\LÀ/;F¨ØêbÅ·@oÔG8.žY²ä6°È’#pJµá.<V™Í7*Â}ÁŠ*'…˜5M|2´F¦Qðí…àÃ$¹Ñº'gA=Éâžè¥ß¶Ò26¯ºh­ø*Y¨òDy,i^'
/Œ9¿®Žõõÿp–½_‰ÙÙK­#âØ¶¯þe%5^Ä´ÛM[:ù;,{ûÇ¥ÀÞíçª‹-	žÔFô
qæâ@30¼»bÎØÌl­ÀÛö¯KÔOBYá¿ÃL”<õXe)4)™ØM§.)¨fà”[Â7 ¨D¶@ïµ\+ Ê³DAÏ‘ëçQlß¡…ã·n‰x7¦fW³9=B"T™…F(Ê¶•^#ä>¢qQI^ZöNAsÝÉq‡ØÃÉ¾¥:3u`Ú{:Š›Wl¥Û žnç+{‹HåKßiµúÖþ(”K\"4¬ýØ2¼;e9¢Ù–~y‚‚ü†‰6\2¿K»È˜­§¶’¡jõJH‰87]'Õð:6ü"ñ…£YÈêå[ý¡B±Ò¯ZÏa!•Xž)I…&M|X?åÙ$3ÉLá?#»b§ôŒÆc¤¥ìk+Ë•­uóÕðÂšoU†ME¨òVä* „@Ž½kÅfžô:ÿz~çTÒÒ¹rÉØHÐ³­ÀÛö¯KÔOBYá¿ÃL”<õXe)4)™ØM§.)¨fà”[Â7 ¨D¶@ïµ\+ ž5«x-±ëBj€/EïÎ¡®Œ¨¹Î;éL"ìE÷†¹}@tßseJ“ÐN»ÔÀÔ5[y-¡üÄ£L‹²ëŠ7ÀÍŒÂÁ2!ôUˆÒýÚyß–®iÉNØ²è1ŠßBIÕæ™’Ìoƒ¶·ö1æÇ É¢ÅGÜ5^ÐA­¤-yLfiÏåãBÿ)ˆ®Ýüô=S]+9‹3-§Ëò÷ßÞ@ôMú™(uHmÄn ½.dÑtZ•<Tr°Óp? ÉôóŸwA±âUÐd£FÏöoåjDÞQÝe£#C¬ƒ>8àâF‚P©(ö“"d¬=¿=ça’~æ¨v°K&&ÿºŽ7hó?¹C@&È!´û(‘íewiëÑ~Õ±ã¨/ï^Åëgú5l—º ±o:hREâ…a¶áˆ^÷¶=éžóe¾\œ%
pØ@•°Iá#•—£{–wc,™ÝCßsž†Ç¤©\R#C¥Å×Ú‹­ÀÛö¯KÔOBYá¿ÃL”<õXe)4)™ØM§.)¨fà”[Â7 ¨D¶@ïµ\+ ž5«x-±ëBj€/EïÎjì-¶=t‡¹8pß+%àzêp®I×™‚u_eGZ¾ï^Åëgú5l—º ±o:hREâ…a¶áˆ^÷¶=éžóe¾\œ%
pØ@•°Iá#•—£{–wc,™ÝCßwÄøá,?QV’WËgçBo¯ÐÇ¿?eât¾ve‘®¶ƒÈŒ1m‡åõnZxìREŸ`íÒ´Øp²zŠ&‘ä+©·õ†Œ13Û	Ñ©r¿&6
%ˆ˜¶ëu4¬ýØ2¼;e9¢Ù–~y‚‚ü†‰6\2¿K»È˜­§¶’¡jõJH‰87]'Õð:6ü"ñ…£YÈêå[ý(ÛÀªd¬eO¹Y‘EW&M|X?åÙ$3ÉLá?#»b§ôŒÆc¤¥ìk+Ë•­uóÕðÂšoU†ME¨òVä* „@Ž½kÅfžô:li´¤pðYòLBjËJ@&­\ûbEëòH$¯$¢1=ù3à
Å*yÀ«ckhôeMW¸·5§€¡ó&wÝû¾qb³©¥DdO²ùP²Té3>ËúŸÌÀºÛ#F$­ÀÛö¯KÔOBYá¿ÃL”<õXe)4)™ØM§.)¨fà”[Â7 ¨D¶@ïµ\+ ž5«x-±ëBj€/EïÎ€j¦×Ëq'5ðA]	ü²¡Ó\´èê×„àóÚ´8z?²³.ä¥ùŸ×+qý2]aìo¦¶·ñºváõw¼ï×†yj±	»<ÆFÙÑùél‹RK»¡ÍµT‰½s´0š4kVÓ‘¶Ó—ÝÓ*vT@hò«Eˆÿö½_‰ÙÙK­#âØ¶¯þe%5^Ä´ÛM[:ù;,{ûÇûü*Opõ318”cÇØgÐ`Å‹•ÿ¨Îýk¶ØEYÓ¹}@tßseJ“ÐN»ÔÀÔ5[y-¡üÄ£L‹²ëŠ7ÀÍŒÂÁ2!ôUˆÒýÚyß–®iÉNØ²è1Šßñ™ïÒ‹ôÚ!5GX*7ê.ó¥7›ùS=³^¨ÀLfiÏåãBÿ)ˆ®Ýüô=S]+9‹3-§Ëò÷ßÞ@ôMú™(uHmÄn èå4îò}ÃIÅq•ïÐ©XÅŸ÷•CìÀ™bixJLfiÏåãBÿ)ˆ®Ýüô=S]+9‹3-§Ëò÷ßÞ@ôMú™(uHmÄn y] [ôŸ0^r–˜°Fˆ]]™^{s’ÿ‘½Ph%ÉôóŸwA±âUÐd£FÏöoåjDÞQÝe£#C¬ƒ>8àâF‚P©(ö“"d¬=¿=ça’~æ¨v°K&&í¸¨˜¤=N‚ÍA>:¢S&íoY§yÞJHØvÞ†40úíƒ<äîÓ(£®bUC0(‡!j¸J¦CÞc‹YiuDv¦_°ò/™Aú|#É4®úª/]]þG‹‡Ãv¬Aû—ËÅÃÕª±ƒýÞ0ø”-p„ªNÍ°äÑþ•i¼@Ë ±Qt~ìd·Ó“)º‚0ž)>¢1ì/:UÆÀœ¶î¿¡“ªU§mÙ/‰›–%H‘”B‘·)·#OŠðeÅŠ¤éztaG^BëÚÀ„Ô[öÅÜtÄÌgÀè¶SšÿŒgògyî@kÉÚÉ›Œ3ØËó˜wjj q«Zk*ªŠ-žk®_O)ud" ÂÁáZÞßÜ§Ttæ_Ù•~Aù†ü¤2j@~÷šØÖ1Î¸Ç¼¸+dAÀpÄ0¶ˆ‡÷®Å–’DÑ»AÑ	ëñ­6ôkÚnÜä„óE«7ÉÏNíºñƒ¤·ÿt=ìÞTÄ™ñÈûü](î#ê–NZhÂrDQP‡^®N½Î†*h4§ê®DÇ¶µeæ|ûL¯-÷á“Ý?MÚáo}§Q+€BkqàyOgäÜaH« ¤mÃ
Gm7Zs1œó„7&f:ýÝì±U7nµÚx±tF±ëÛ8nnà&,ô‚`\Íf‹+²‰SÆ€«¯ºNï÷_A"å¨¦?euÕÊà¶cIŸKb±ªÑô÷·ž´(ÏQ#M&ÃÁ6ibÉÛ$p™~LtC=êBN¤µÅ°ßbìPCh"3Qþ†Ÿ;žêH¹,HÁ˜z‰²ÅÞÄÒÞÃ9—fãÚs5ox`€Ô2Fàô—x[X58F­9´ËtjMfiØgîØïvz¦ƒ|R°þRñ{^ÙT40ü%	D£ ÎÁ<2”êõb¥ÿî‘}ÞfB÷W>~9†§Âº9–ÚÕÇ)ðêt	‚ÑDQP‡^®N½Î†*h4§ê®DÇ¶µeæ|ûL¯-÷á“¨LV”xVåópù‡ÒËqàyOgäÜaH« ¤mÃ
Gm7Zs1œó„7&f:V.Î‰‘eâ MuW­×¤"-ÐØcFC™Ä¶ôêÃþáê©|×ÜÓ§‹d,*¸ë¯´A™•r!]L›«P(;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
Éì³Ò÷=ÞQ¤d×ur@’6i¥ñ¿.oÅ8½Å…{ÉcåÑý&h8&Ö×Qœ¨-w¹)_ìÙ…Añê…}`ý\•Iµ'oæLJgYâÒÞÁ>èGØˆ{@æ«Öƒ÷©êê§ÏKD_Œf`ÍçàQ>‡ÉGröp¯|m»ú :ÈïÀÓ©ÊÿÃÁÉJ‘ÛM$:VÁ@|ÿ§qo;;€¹àÎÈÊö„ÂOlÏ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“ÉK¹lø#v–“D}ÞFýƒ1éŒ
ÏÝ+ßqièÎDQP‡^®N½Î†*h4§ê®DÇ¶µeæ|ûL¯-÷á“¨LV”xVåópù‡ÒËqàyOgäÜaH« ¤mÃ
Gm7Zs1œó„7&f:¼á?“ð·›åšÍ ”¤"-ÐØcFC™Ä¶ôêÃþáê©|×ÜÓ§‹d,Èfš	Ã3™¾U6ÑÞ©KÌ(;C¿	ŠZS9`ô8MŒÏÒˆªè]å>WI ¬íqÇIÁ
¦›Nª?§‹­x§VÇÿÖíâG#öºA®TŠ‚Yó";ý:-ÔØ9fÌà»Éâ¹FR–<Þð=×0gÏw»p«H}Àã` *õ©+aâJ_çÎâ+ä±h´0Æ¦JîI”aÖùÖq½°˜Ø9´ËtjMfiØgîØïvcp–Šóè×<¦Š[½8
)óSäÊ{É+t¢TCÄj±«›€órµSÕg¾ÂÌœh£ À…&dX•;¥)I"wS< šDãšO b6B2 ‹@ú3Îý\Ë•¼+ZŸKlí€¨£"€•®yWê(uÜw‰_“vXg'
?Ëìk] 2ÁCŽ5tÞ”`ƒ	æ&†~x ã•½Èåý.øiÖ
Gm7Zs1œó„7&f:DRWÿ·T3.TH—ú=¼p‡Kæ"qÅ'{Ý~¾I¨}"
            var appointment6 = {
                id: "id6",
                description: "",
                location: "",
                subject: "Interview with Nancy",
                calendar: "Room 4",
                start: new Date(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: 'weekView',
                showLegend: true,
                ready: function () {
                    $("#scheduler").jqxScheduler('ensureAppointmentVisible', 'id1');
                },
                resources:
                {
                    colorScheme: "scheme05",
                    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'
                ]
            });

            $("#excelExport").jqxButton();
            $("#xmlExport").jqxButton();
            $("#csvExport").jqxButton();
            $("#tsvExport").jqxButton();
            $("#htmlExport").jqxButton();
            $("#jsonExport").jqxButton();
            $("#pdfExport").jqxButton();
            $("#icalExport").jqxButton();
        
            $("#excelExport").click(function () {
                $("#scheduler").jqxScheduler('exportData', 'xls');
            });
            $("#xmlExport").click(function () {
                $("#scheduler").jqxScheduler('exportData', 'xml');
            });
            $("#csvExport").click(function () {
                $("#scheduler").jqxScheduler('exportData', 'csv');
            });
            $("#tsvExport").click(function () {
                $("#scheduler").jqxScheduler('exportData', 'tsv');
            });
            $("#htmlExport").click(function () {
                $("#scheduler").jqxScheduler('exportData', 'html');
            });
            $("#jsonExport").click(function () {
                $("#scheduler").jqxScheduler('exportData', 'json');
            });
            $("#icalExport").click(function () {
                $("#scheduler").jqxScheduler('exportData', 'ics');
            });
            $("#pdfExport").click(function () {
                $("#scheduler").jqxScheduler('exportData', 'pdf');
            });
        });
    </script>
</head>
<body class='default'>
    <div id="scheduler"></div>
      <div style='margin-top: 20px;'>
        <div style='float: left;'>
            <input type="button" value="Export to Excel" id='excelExport' />
            <br />
            <br />
            <input type="button" value="Export to XML" id='xmlExport' />
        </div>
        <div style='margin-left: 10px; float: left;'>
            <input type="button" value="Export to CSV" id='csvExport' />
            <br />
            <br />
            <input type="button" value="Export to TSV" id='tsvExport' />
        </div>
        <div style='margin-left: 10px; float: left;'>
            <input type="button" value="Export to HTML" id='htmlExport' />
            <br />
            <br />
            <input type="button" value="Export to JSON" id='jsonExport' />
        </div>
        <div style='margin-left: 10px; float: left;'>
            <input type="button" value="Export to PDF" id='pdfExport' />
            <br />
            <br />
            <input type="button" value="Export to ICAL" id='icalExport' />
        </div>
    </div>
</body>
</html>