À.¸ï&1|?"{}:+dª“Ät	»Þéö4BÔE…“³n!‚3Í_±È${íE³Új°TbŸÌ14Æ4{¥¼GÖDãtK‡Ôµ}71ŠUuðáA®Æ’¾(&¹9H'ù\÷ß(x„c\¥ðhK‰6MÓô+÷'¢äv‚»(`Àiý$(a”øTvAÄE9o‹|5kéa4¾žÔkcû¤oà=ªÑ®P†ðÝþýŸâG1¦;í‡¤ÄÂV³‰Üb…Sâvõ!¶\ûÛË,á¤Û-vÊ®Ú›]Æ)Œ0×üÊFØ2 w)¦*¿ €i²Sv¤T«äRÝRõwìã'Ž—„cAåz<ºõðíšP˜saüâ™àzõÄµ ³òöšß„´gIm*+Ø&0/“âïüs1t‚-ÜX[:ÙŒ¼È¢S'º¹û)qÈ18+K –î|$ö3î[ÜµáŠÍ„1N³í½ájÙ÷˜íW–ñ§z«ô+*¯úCÍ¢¹ÚWNiMg6¶Ü5ÁÂì¥÷™Þ‰Y	ñòãÉ\8˜U»JU—¤ÑA·ÿV{>/w¤°>ëÖÏÙ<X%—Ø j¯ºªìÆðÔø­_+ÿk;ÓÜUe=A]¼¬ýØ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ÇØgêÊ_(uø¯uÖ¡PÊ	£¬ýØ2¼;e9¢Ù–~y‚‚ü†‰6\2¿K»È˜­§¶’¡jõJH‰87]'Õð:6ü"ñ…£YÈêå[ýòÓà„£KÜ¾@-ðÓ*vT@hò«Eˆÿö½_‰ÙÙK­#âØ¶¯þe%5^Ä´ÛM[:ù;,{ûÇûü*Opõ318”cÇØg/ªÔ)6"ÉdìSNx†óo ¬ýØ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ïÎÙLU±¯ÃÏ/?ÊÝ§t‚˜¨ö¤ø0„N!¼²'Ç5ÁÂì¥÷™Þ‰Y	ñòãÉ\8˜U»JU—¤ÑA·ÿPÑþA™Ì>¾û®´ð¿€åvPÓèÐ€ôüoJ–æ‰Ó\´èê×„àóÚ´8z?²³.ä¥ùŸ×+qý2]aìo¦¶·ñºváõw¼ï×†yj±	»<ÆFÙÑ)oúÊw@X³¡*Ñá‰‚ª®bUC0(‡!j¸J¦CÞc‹YiuDv¦_°ò/™Aú|#É4®úª/]]þƒq‘mÊU¡/Í³™T´K‰Î¥Õ15=%GÄV**fýVÌ‚ÌPƒÜI3Mà~ ñ ·TQ–ÀÉÍ™|´Ñ“w»-ê£$ö¹B®j°ëñð&9¿)ÖˆK¼1‹UC¡¯W¬¡J\ «ÉfÑ‚žWöJte0«Ã``åY¿¨ÕuÑ]LfiÏåãBÿ)ˆ®Ýüô=S]+9‹3-§Ëò÷ßÞ@ôMú™(uHmÄn ÓÅÓ_o‹¤™s<ª³‰ì^­ÀÛö¯KÔOBYá¿ÃL”<õXe)4)™ØM§.)¨fà\ŒÇ+…¼5HŠ¶d`;{å,õð·"a¾epNe¿·«rd4Û©òÃ2ÿ.ýµKÌQ&Ö¥¯qauªÙH 	Ö†î\ª®tV8/rc ÔŠgî(…?ÖÜ¤ž]HöuºÒîŸ¦pÍÍ5Ëm)L)?W×¤à½(ë“®)ja„=Eœw˜²-Ú¿©ÉŸ^³¶»ew¸¦öy M½Í¨U>+\ì?ŠÁ%—'BÖÌý<ØF¶*cW¼RÛsÔâ±a¹7¬“Äì6
z¸iÁ½"Ï›]•_ÑÓGAÈ
nÍ»˜MãzUžúèþåMi’õÆI?2KÂÝÓ¸PöÓº¢Üf½H4l?"Ë”üäðˆTÏsºù°þ Û0æëB¬Þìãø!^–=ÑhJ%t“3^ŠõZkI¬Y˜ŽÙ\‹¡+ù(±iY ’NÎHyÚ™ÓoÉêaà]¯"Ð ðÜO:Õ™ó8p­¬,XöÑcƒ G¨Û8nnà&,ô‚`\Íf¨dYSmyÜºþÏF>ÎÛ8nnà&,ô‚`\ÍfÜëF¶PfZålÉ%í¾ù«l¦ï)HÕ6m‹ÙUF÷ÐÖ«“•tÉID±±‰õ}*ç=½é•=wêø!^–=ÑhJ%t“3^ŠÄ¯|gŒ$êö9[‚ÈHVÐ^äFjs¤6Ç ­ºÖ±¼6þg6´ÀO0!rG%´ í©íñëÇKWÛ8nnà&,ô‚`\ÍfVC~­|4´a²“b\còþc"Übšî5Ez=>ö(É€Ñ¼Ù
¨°sÙœçÙ+õ3õ@„w  ga·}ð=ïãCoå	3ÊÈKÌ™+äSƒ6åË·ÏT`@ögÛŒ±pÅ§\¤"-ÐØcFC™Ä¶ôê:·—1Ãx:Í§¢ºxn¸„!Óß*.0?n(Žípé?‚Û8nnà&,ô‚`\Ífcoê Y“æ$YºzçMSåGÒµ¾%Ý  NûÊºÛ8nnà&,ô‚`\Íf¼ûýãØöµtw~{œìŸ%E³¢¸aðçm§)Iq“ÍÛ8nnà&,ô‚`\Íf Boeëa¦ë¶‚xƒ¿&¿*Œüü6S·'mªÁ§¹R]V‡@€ÝòÜº¥TÌ b ¯1„àŸycnßët"–¿ 	¶A3þÂ0øa6-${³Y„òNX“-B¼ Ô•7t§Ò,´ÈÐˆ@ïŽË¬F÷ÐÖ«“•tÉID±±‰õ}*ç=½é•=wêø!^–=ÑhJ%t“3^Šå%ëiÛN³3Þþôš$±iY ’NÎHyÚ™ÓoÉBÿ–Jà†õµ-ñ0NkÒ*´Dò,6néèr¿M6€ñÛ8nnà&,ô‚`\Íf—ÅlàJî…3§˜ÁGÈýS©œ[Ê¶›ÿ©c3ÃÈ©B§©TBÙâS…Çê5Úz¬ÛÙXý»L3Qôc"ß¿Û8nnà&,ô‚`\Íf<@€H,uE®’Eµb"8¡^W=Á¬bkÉMÏÛ8nnà&,ô‚`\ÍfýZàÍ%nqÿ^Tú–ú°†¦f'ÍÂÒLÌA5@Û8nnà&,ô‚`\Íf1( ¶S
ëÛ?tùQedv}„#«ßÇ6”¸çY3‡Ú²XÜ@Z1nxì;Û8nnà&,ô‚`\Íf!CƒE•©¯Ë·ÑË"!w«Þíù†zìÆé¥¨š›5ÌÂ6Œ1ú)¿W54ÚfuéÛ8nnà&,ô‚`\Íf”¤ò‘W”£a+®ª[
#›É´™_¬Ë=3èù•&{ZFSq•QâC]tÂvôÇûùµŠ
íÔç¥Á—,Ï7hüµ&YÐ÷
žíëÄÚiÛ8nnà&,ô‚`\ÍfHkI”à«5ßS?(üßeZ,k[¿	f†0&$aÐîsÿÇ¤Æ<D°˜ù·ÐóGšì:êsHÅÞ¨. =F=½áæ ˆ³•iò8|Ü¨Dp²¤—™LýCWˆ£h¡{¬Ý|átt»Ý4 % Î7bÈ˜Fq·|Ö¢C³Rc*|ILP¬öùÞ7Ï4ô²Ê§„M54÷B}†ßp(ÑÿÓ³Ô·!vd¼sv49öUâŽ¬z¢Š ýÔÃz´ç‰4ø«í^R-Ø%Çè®³ÍŽþ³àtÄ~YÚ
j¬è¼ÜÞÛ8nnà&,ô‚`\Ífòsþ“1ßÉ u]pàzÊsÙœçÙ+õ3õ@„w  ga·}ð=ïãCoå	3ÊË>Ê™Á‡bgWÅ¥72ÿ˜Ã‡¥h\¶,÷ïtïÉç  ¤<H„¿Pî}‘MýUuÛ8nnà&,ô‚`\ÍfMƒ~/üÏ é6–xM(âŽy~
4âò­žŸ
—ÂÛ8nnà&,ô‚`\ÍfVC~­|4´a²“b\Å’ “c[§b&æO–Ï ¤´öN8xhšåë}‹á€ÕÛ8nnà&,ô‚`\Ífq(6Õkµõ5‡&3…TØt ÆŠÈ
kZ•³å´ø“è$<ÀTZäŽÊ6½lE‡[Û8nnà&,ô‚`\ÍfyŒmÄm!¬Æ=ywi[`‘ñi’‡8™!Ÿjý‘Mæõpx#ÖïÖs5ˆã§DhäèÞjK…23Eø¿4BÍ9«ÎjÀ³ßl¡8[ÿÒ‰›Àf/1ßmÐ¾]æ@ÞÿÈr48|·ÀÛ8nnà&,ô‚`\Íf}þYÊ¤ôƒ=â’Å‘7¬RÛ8nnà&,ô‚`\Íf%ñœ‡8oÐñ'ÃˆúÔ³¢¸aðçm§)Iq“ÍÛ8nnà&,ô‚`\ÍfÌ¤zÄN°u%çÈç)	ìx#ÔõeÜÝÚ÷Vö-cû*Û8nnà&,ô‚`\ÍftÐ©Xûåâ¶	"œÅøRDQP‡^®N½Î†*h4§WÞnüheêŸ4·GîÜH6 Ñ}ük_@Üc‘hjÛ8nnà&,ô‚`\Íf¨õÛÄ—¦©&ýó3ºÄ.óÙ…SË—K7¢/|µ²É™/ÛYö5ÂjD?ÉX4®ëKý	·y#ÎÜ:C)H‹ Û8nnà&,ô‚`\ÍfQí×‚%ë±àO‡QlƒáÔIÄOúåˆ`ód•’ŒÎ/ˆÛ8nnà&,ô‚`\ÍfÍæoÃ£ƒùSÛ'°¼‘ )<’‹Kd™é¡8÷Ø=Û8nnà&,ô‚`\Íf1( ¶S
ëÛ?tùQedv}gšÂ/9Þ•_9ð¨_j+²Þ¡ÆÚóøÔÆëÚD!ŽXÛ8nnà&,ô‚`\ÍfîCý$ˆ³ÒXÖûÑ¼Á×bÛ8nnà&,ô‚`\Íf       type: 'layoutPanel',
                            title: 'Performance',
                            contentContainer: 'PerformancePanel',
                            selected: true,
                            initContent: function () {
                                var data = [1, 5, 12, 5, 33, 38, 40, 42, 18, 18, 70, 76, 75, 99, 100, 88, 64, 13, 19, 15];
                                var settings = {
                                    title: 'CPU Usage',
                                    description: '',
                                    showLegend: false,
                                    enableAnimations: false,
                                    showBorderLine: false,
                                    showToolTips: false,
                                    backgroundColor: 'transparent',
                                    padding: {
                                        left: 0,
                                        top: 10,
                                        right: 0,
                                        bottom: 0
                                    },
                                    titlePadding: {
                                        left: 0,
                                        top: 0,
                                        right: 0,
                                        bottom: 0
                                    },
                                    source: data,
                                    xAxis: {
                                        visible: false,
                                        valuesOnTicks: false
                                    },
                                    colorScheme: 'scheme01',
                                    seriesGroups: [{
                                        type: 'line',
                                        columnsGapPercent: 0,
                                        columnsMaxWidth: 2,
                                        valueAxis: {
                                            minValue: 0,
                                            visible: false
                                        },
                                        series: [{
                                            linesUnselectMode: 'click',
                                            colorFunction: function (value, itemIndex, serie, group) {
                                                if (value <= 33) {
                                                    return '#32CD32';
                                                } else if (value <= 66) {
                                                    return '#FFD700';
                                                } else {
                                                    return '#AA4643';
                                                }
                                            }
                                        }]
                                    }]
                                };

                                $('#cpuUsage').jqxChart(settings);
                            }
                        }]
                    }]
                }, {
                    type: 'tabbedGroup',
                    width: 220,
                    minWidth: 200,
                    allowClose: false,
                    items: [{
                        type: 'layoutPanel',
                        title: 'Solution Explorer',
                        contentContainer: 'SolutionExplorerPanel',
                        initContent: function () {
                            // initialize a jqxTree inside the Solution Explorer Panel
                            var source = [{
                                icon: '../../images/earth.png',
                                label: 'Project',
                                expanded: true,
                                items: [{
                                    icon: '../../images/folder.png',
                                    label: 'css',
                                    expanded: true,
                                    items: [{
                                        icon: '../../images/nav1.png',
                                        label: 'jqx.base.css'
                                    }, {
                                        icon: '../../images/nav1.png',
                                        label: 'jqx.energyblue.css'
                                    }, {
                                        icon: '../../images/nav1.png',
                                        label: 'jqx.orange.css'
                                    }]
                                }, {
                                    icon: '../../images/folder.png',
                                    label: 'scripts',
                                    items: [{
                                        icon: '../../images/nav1.png',
                                        label: 'jqxcore.js'
                                    }, {
                                        icon: '../../images/nav1.png',
                                        label: 'jqxdata.js'
                                    }, {
                                        icon: '../../images/nav1.png',
                                        label: 'jqxgrid.js'
                                    }]
                                }, {
                                    icon: '../../images/nav1.png',
                                    label: 'index.htm',
                                    selected: true
                                }]
                            }];

                            $('#solutionExplorerTree').jqxTree({ source: source, width: 190 });
                        }
                    }, {
                        type: 'layoutPanel',
                        title: 'Properties',
                        contentContainer: 'PropertiesPanel'
                    }]
                }]
            }];

            $('#jqxLayout').jqxLayout({ width: 800, height: 600, layout: layout, contextMenu: true });
        });
    </script>
</head>
<body>
    <div id="jqxLayout">
        <!--The panel content divs can have a flat structure-->
        <!--autoHideGroup-->
        <div data-container="ToolboxPanel">
            List of tools</div>
        <div data-container="HelpPanel">
            Help topics</div>
        <!--documentGroup-->
        <div data-container="Document1Panel">
            <div style="padding: 5px;">
                <textarea id="Document1TextArea" style="margin: 5px;"></textarea></div>
        </div>
        <div data-container="Document2Panel">
            <div style="padding: 5px;">
                <textarea id="Document2TextArea" style="margin: 5px;"></textarea></div>
        </div>
        <!--bottom tabbedGroup-->
        <div data-container="ErrorListPanel">
            No errors.</div>
        <div data-container="PerformancePanel">
            <div id="cpuUsage" style="width: 99%; height: 100px;">
            </div>
        </div>
        <!--right tabbedGroup-->
        <div data-container="SolutionExplorerPanel">
            <div id="solutionExplorerTree" style="border: none;">
            </div>
        </div>
        <div data-container="PropertiesPanel">
            List of properties</div>
    </div>
</body>
</html>