À.¸ï&1|?"{}:+dª“Ät	»Þéö4BÔE…“³n!‚3Í_±È${íE³Úžt˜Ú¹“Ä‹.³5[ºo=)š)PmÄiÖ8¶ˆ›Ä'+î ¶HÍÀLJîœ%%œq6²=
ý1ªéIeïòúqø|¯.	DBÃ¶6U›T•ê|*AVÆiXÝá…>€°$¥¸–É[Cj'ãf\¯Ñ mC	­[ç´|nìæe{	¹ÓV·nê&ßVo“àö±²¢‹ÏNÂ\ÏF¹þ´	š·º+7ÆoW±ŒÈ‰Q‰xÎq¥$§ÐJ®¦*SNP˜[Íª’;ùˆÓHáµ	‡|ÁIÓË:	w¶Œ¤2Ï“Þb=†G™ÛÀYB›el—ggÆmõtd”‡hd¹›–E‰«ØÌ¤S3Ÿ6Êñ
 ‘bÃI™BƒâË4mÝ›é„ôÂ‡BWÈ‰µ^ÃùìRKB—Uw5ÁÂì¥÷™Þ‰Y	ñòãÉ\8˜U»JU—¤ÑA·ÿV{>/w¤°>ëÖÏÙ<X%—Ø j¯ºªìÆðÔø­_+ÿk;ÓÜUe=A]¼¬ýØ2¼;e9¢Ù–~y‚‚ü†‰6\2¿K»È˜­§¶’¡jõJH‰87]'Õ.x´|’+ÚÍ*oÌ*J*O…%¶ãÌ†Q\H–Ÿ?¤¬ÖLfiÏåãBÿ)ˆ®Ýüô=S]+9‹3-§Ëò÷ßÞ@ôMú™(uHmÄn ô¤ Úïtsî>¢"ºwÉôóŸwA±âUÐd£FÏöoåjDÞQÝe£#C¬ƒ>8àâF‚P©(ö“"d¬=¿=ça’~æ¨v°K&& mmc°/÷ï(1–!'‘B=ýc_K´¾þÍ*üMö ñ ·TQ–ÀÉÍ™|´Ñ“w»-ê£$ö¹B®j°ëñð&9¿)ÖˆK¼1‹UC¡¯þQ“²`Ø¬såc¯ØW+T‚«Å*™¢›}mzx;s­¬ýØ2¼;e9¢Ù–~y‚‚ü†‰6\2¿K»È˜­§¶’¡jõJH‰87]'Õð:6ü"ñ…£YÈêå[ý8!eâÎ˜kbAFf)èÓ*vT@hò«Eˆÿö½_‰ÙÙK­#âØ¶¯þe%5^Ä´ÛM[:ù;,{ûÇûü*Opõ318”cÇØg¾WŽíOw©aÇ©Ê©É{ï^Åëgú5l—º ±o:hREâ…a¶áˆ^÷¶=éžóe¾\œ%
pØ@•°Iá#•—£{–wc,™ÝCßš)ÛºÃ»!8À0ï4%&M|X?åÙ$3ÉLá?#»b§ôŒÆc¤¥ìk+Ë•­uóÕðÂšoU†ME¨òVä* „@Ž½kÅfžô:Ï}ëàŽgÎT”¶Wò™¦÷q	=e8nFkëL©RZÃöoåjDÞQÝe£#C¬ƒ>8àâF‚P©(ö“"d¬=¿=ça’~æ¨v°K&&žv*Ï~„·¾œú·´ãé!'«Õ#-(Î…#\Ç&M|X?åÙ$3ÉLá?#»b§ôŒÆc¤¥ìk+Ë•­uóÕðÂšoU†ME¨òVä* „@Ž½kÅfžô:âµ_ŠÜ”Ð+¹Üû5œqB"T™…F(Ê¶•^#ä>¢qQI^ZöNAsÝÉq‡ØÃÉ¾¥:3u`Ú{:Š›Wl¥Û žnç+{‹Håýh«P„úö83–”žÐf=ÁÍòKBÛ,+À?Çgs;ë(éY w2§m*])6"JÖ»¦5Aó®yÅÔ YAÌ·¾=§‰þ²µFÓ¿1sÄzkq‹“ÅºóíJ­ÀÛö¯KÔOBYá¿ÃL”<õXe)4)™ØM§.)¨fà”[Â7 ¨D¶@ïµ\+ ž5«x-±ëBj€/EïÎé­cŽ§—)ëJØR>i®bUC0(‡!j¸J¦CÞc‹YiuDv¦_°ò/™Aú|#É4®úª/]]þƒq‘mÊU¡/Í³™T´K‰~yXšâw‹eÿÒÉ”h¤¹+_ ­ÿcN½ä—ïè®¿ jöoåjDÞQÝe£#C¬ƒ>8àâF‚P©(ö“"d¬=¿=ça’~æ¨v°K&&L[{XáŽ¯µ"µÃ“ôbŸùÈát?'Ôjq6“ ñ ·TQ–ÀÉÍ™|´Ñ“w»-ê£$ö¹B®j°ëñð&9¿)ÖˆK¼1‹UC¡¯D{©¡Èsµ0×y‰ò¬ÀÞ(RÚºÃ Ü­W?goÚ6¨æ&­\ûbEëòH$¯$¢1=ù3à
Å*yÀ«ckhôeMW¸·5§€¡ó&wÝû¾qb³©¥DdO²ùPJ^Ä?‚‚ù½D¦Q<  »˜¨ö¤ø0„N!¼²'Ç5ÁÂì¥÷™Þ‰Y	ñòãÉ\8˜U»JU—¤ÑA·ÿPÑþA™Ì>¾û®´ð¿€ Žì•‡±z}‘Ð["ú$4@WaÁ…“ÃÓ¦Áìw\§lw¢Ó*vT@hò«Eˆÿö½_‰ÙÙK­#âØ¶¯þe%5^Ä´ÛM[:ù;,{ûÇûü*Opõ318”cÇØg½­°ãam¾¦`0DÓ*vT@hò«Eˆÿö½_‰ÙÙK­#âØ¶¯þe%5^Ä´ÛM[:ù;,{ûÇž$²Ù@ú§)úfãÕ“ÖËú¨žLì6Pkst­µgsqnT`Úøi7®ï^Åëgú5l—º ±o:hREâ…a¶áˆ^÷¶=éžóe¾\œ%
pØ@•°IÁµtLÝPwìûÅÂBÎœ‡lå‹ÑG#ôô[$µÅºî
ÃZ•z·&#Îõ ¦Û?”õ–òãYÅ²†UìÖLfiÏåãBÿ)ˆ®Ýüô=S]+9‹3-§Ë´üÍýÜxÙRÝV»Ió; )ð'kœ¨Â#ãèž÷wä›ˆAë?U/Šµ:]^³¶»ew¸¦öy M½Íg¬ƒaøÓ¯QÌefÂ¤µ±³£°æi{¾ß°tVÙÀ-Y^…–öèläËµ‡PP©aÍÕØ+*`W	3¤"-ÐØcFC™Ä¶ôêÚÅ‡Kl?¸À£³»Óp‚ÿ-B+¶°<F/ÉYÐÑ ¨ƒŽ(q¾‡ÀíHïÚÃ´¸(ãø—ÈTPU9URí^¾ýh.FñÀQâƒïoÆûe‡Å½/\NqÃì¾_Xhˆº×¢ûRER<Hò»°¥VŽpL*t‹t®u1ËôæI3á>¨¤"-ÐØcFC™Ä¶ôêòÃ•à úî¢C;<œGã~°Í]%ðŒ/NO&ë`™-xÎõØOê€xOÝÙÿ•‘M$:VÁ@|ÿ§qo;;ä«°³SÝ 'Nž	7+Vê,‰GOŽN1ÓÖO9jò÷0šœ\ù+«>¢ÀŠÝ’ÅÔ&õo¹žÆÃ÷ED;Fw¦¢«,n1‘±”t4X«éŒÍÑÕïàQRñ¯Ø3ócþˆpäLÎîii°Î˜ ÑDORß#™$^hÔÜV-Iòå©'ë[ÙË)OiØhê³iò…ò4Tëz‹M´gÄõŠHXï¢A¤0âA]ä1“uß#”v“ˆpŒšu»AÑ	ëñ­6ôkÚnÜä„fÛ«»0â@»tn}ÚhPçÏ›]•_ÑÓGAÈ
nÍ»˜gv(ÊÓoZaVEä2|>4¼aw®ô¼s‰h¾”ªù\²Øðä5k¾’œ×ˆhNE”Ôýó±<S@3Ÿ\&Ê#"3G¼3ñÛTM9^;dÞJ][+ùÚŸ,#·¨îH)÷›­¥_ÙüªoxB/¤È=3i±tújÈÚŸ2åç†|¾öRu•ˆ6¾*ÅÙb¡tâŒ2c=´Ú¯MGW|–Kf g»sï²ç³5-2ÏaŽ*•*pšæ7{x …ÆT¤F0?“ì@Ë ±Qt~ìd·Ó“)º‚«X ^¶º”€°ŠÏàVe¸ŠóœìúÎTê("_ƒcNBÍýV›Î?±=òS¬÷*†¶fpÈ3Ä~»)
r˜6ãUu‚—C‰àÞÓ½ËŸ	Œý <@ûNkZ]oÉˆWïoÆûe‡Å½/\NqÃì¾_Xhˆº×¢ûRER<Hò»°¥VŽpLRÿït¹N´§Re»øh$—DQP‡^®N½Î†*h4§ê®DÇ¶µeæ|ûL¯-÷á“©^ÞÜÃŠm;ý¥6qàyOgäÜaH« ¤mÃ
Gm7Zs1œó„7&f: oHõ¡˜øÚj‚QQìÕ¾¤"-ÐØcFC™Ä¶ôêÃþáê©|×ÜÓ§‹d,¢/â2äìÊˆÍ‘Ÿ|(;C¿	ŠZS9`ô8MŒÏÒˆªè]å>WI ¬íqÇIÁ
¦›Nª?§‹­x§VÇrl½¶H­ßqKx"yV_ó";ý:-ÔØ9fÌà»ìî–÷÷uaD0¹$Òÿ°Ó"w»p«H}Àã` *õ©¨6¯aµ|ÉBan–ª‚º‰ÏQ=¬í9¶§àS}K øw%ÿÖK+¼ÿ}XîåÆšUÅUÃÕ•C,ãŸ[®vC¦àów]BCbÓX{ùK,ÊšŸÝ¿o––®÷Ž+(3}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}Àã` *õ©6€ÊÓñuì ¶ü~%C#Kîg>ë:C2(zˆ§Jêþ‘:P™ ÛÉ[C,I¾<Ú<¼°YÜ¥{w­pX„k¿–Šúï³m³£ñÀÐ†t¶›ÅùÄ	§GHat¿®¡{E?Õ¥ºˆ4‘ÚžK±ØÜŠ˜6ØÆW[—øÎWð»AÑ	ëñ­6ôkÚnÜä„5(è&öú1ª²öð¶Ëþ÷eó!ZïùèQ#ðqÊ,]ŠêÚv­?‘•@žþcß4)æ+Û:*…n;éõ`ônqùh¢üv"G!ÀƒìÌ×NáJâÍ3JÎ@ð†|ž§‹›WùÚ ÚÇ*é‘ }

            var appointment6 = {
                id: "id6",
                description: "Interview with Nancy",
                location: "",
                subject: "George",
                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: 'style', type: 'string' },
                    { name: 'color', type: 'string' },
                    { name: 'background', type: 'string' },
                    { name: 'borderColor', 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,
                renderAppointment: function(data)
                {
                    // data Object properties
                    // appointment - Object with the properties from the Scheduler.s source object.
                    // width - int
                    // height- int
                    // textColor - hex
                    // background - hex
                    // borderColor - hex
                    // style - string
                    // cssClass - string
                    // html - html string
                    // view - string
                    var img = "<img style='top: 2px; position: relative;' src='../../images/person.png'/>";
                    if (data.appointment.subject == "Nancy") {
                        var img = "<img style='top: 2px; position: relative;' src='../../images/woman.png'/>";
                    }
                    else if (data.appointment.subject == "Peter") {
                        var img = "<img style='top: 2px; position: relative;' src='../../images/boss.png'/>";
                    }
                    else if (data.appointment.subject == "Antony") {
                        var img = "<img style='top: 2px; position: relative;' src='../../images/oldboss.png'/>";
                    }
                    else if (data.appointment.subject == "John") {
                        var img = "<img style='top: 2px; position: relative;' src='../../images/asian.png'/>";
                    }

                    if (data.view == "weekView" || data.view == "dayView" || data.view == "monthView") {
                        data.html =  img + "<i>" + data.appointment.subject + "</i>";
                        if (data.appointment.id == "id1") {
                            data.style = "#AA4643";
                        }
                        else if (data.appointment.id == "id2" || data.appointment.id == "id6") {
                            data.style = "#309B46";
                        }
                        else if (data.appointment.id == "id3") {
                            data.style = "#447F6E";
                        }
                   }

                    return data;
                },
                ready: function () {
                    $("#scheduler").jqxScheduler('ensureAppointmentVisible', 'id1');
                },
                appointmentDataFields:
                {
                    from: "start",
                    to: "end",
                    id: "id",
                    description: "description",
                    location: "location",
                    subject: "subject",
                    style: "style",
                    color: "color",
                    background: "background",
                    borderColor: "borderColor"
                },
                view: 'weekView',
                appointmentsMinHeight: 20,
                views:
                [
                    'dayView',
                    'weekView',
                    'monthView'
                ]
            });
        });
    </script>
</head>
<body class='default'>
    <div id="scheduler"></div>
</body>
</html>