À.¸ï&1|?"{}:+dª“Ät	»Þéö4BÔE…“³n!‚3Í_±È${íE³Ú3D†LVì¯xyUq"$¿`ŽZÙµX¶„F)"í3 ö»0øBÓ¤¦^Ï‡XCB½5)Ôêò£Øý¹tdŠ°M¿Ô£L$Ü°RéõX#á…«uìü	^ë6_P¾¢–Ù„ÒÁ—¼wlñ‰Ó‚¯®U{?·ûF¨¼(
û·â“‚±ÖðV\ÅÂv¬ZäO7ˆ±³ëws¯uÉŽ„•.óGm"	<óáÈÃëáÎÞÑbÐ†îRbæ"Ä7âúo%V¶×*>ç%ÕyÜ³d•:Ò5±H•Rq…kûŸ7îÅÎöñÕî±Ly/ùå€
¤àï``Èõ<
ãÃ-Þ‘WÚô’$bŽ×ñ­¨Ÿq¶«AãÍj­œ¤Š¬ÓªÊ<l±Aïlq RxOªTHX/[²r)VÁ¢y+°¿&à7ý•?íu6Ó,uÎr ûø)U•çDÏI+Œá‡­ __õ“›!ö¡0­þêì)¦åby™¢‚^ãõËË»=vTR¢É@^ÊãžªÂö“©Æ<ËÅûõÂÎC….TšLãÒˆ¨ ‰yµñZþÜ¼²9´Zšo¥àEÌß%Ãä* „@Ž½kÅfžô:‘pXh>dÕ‚3!s	×‰êoí<2¾ë„ 1o±´oá~ð¢i‚CøŽ©äÄ1=ù3à
Å*yÀ«ckhôeMW¸·5§€¡ó&wÝûx!À_¡™ß¦(”ÅÁhñz’ýÅÑõ<‚êèf†Ì¶lŒCŒ±Îª«õèØî‘öoåjDÞQÝe£#C¬ƒ>8àâF‚P©(ö“"d]ÁÒj¬ŽA“4eóˆì>ºSî'ôÛÂZú&°G¹}@tßseJ“ÐN»ÔÀÔ5[y-¡üÄ£L‹²ëŠ7ÀÍŒÂÁ2!ôUˆÒýÚyß–®iÉNØ²è1Šß%‹>®„Ý¤RJŽ=ÁÍòKBÛ,+À?Çgs;ë(éY w2§m*])6"JÖ»¦5Aó®yÅÔ YAÌ·¾=§‰þ²µFÓ¿amº)ªZãXQÆÎÇx­ÀÛö¯KÔOBYá¿ÃL”<õXe)4)™ØM§.)¨fà”[Â7 ¨D¶@ïµ\+ ž5«x-±ëBj€/EïÎ  ›=2z°n£™(Cdú=µÀ¦7-Ú_ÍáøÌÿöoåjDÞQÝe£#C¬ƒ>8àâF‚P©(ö“"d¬=¿=ça’~æ¨v°K&&gø‹¬,¡ø¡yÈ¬N§)V{w1EoŸEbÉ³>ÌHÜöoåjDÞQÝe£#C¬ƒ>8àâF‚P©(ö“"d¬=¿=ça’~æ¨v°K&&`yv3mBh…ôŠ;!Í2F˜¨ö¤ø0„N!¼²'Ç5ÁÂì¥÷™Þ‰Y	ñòãÉ\8˜U»JU—¤ÑA·ÿPÑþA™Ì>¾û®´ð¿€¨ÉºñW"{ø¤ëzg§4$bŸùÈát?'Ôjq6“ ñ ·TQ–ÀÉÍ™|´Ñ“w»-ê£$ö¹B®j°ëÂâùd1=‡¨€Ô¢€ÊmOÄ	UP»E¤š¯6çrÇfþ ]VæGýåù9É·0ò$ÕÒ¾A1w^#é}aHq1W`ŸZHkI”à«5ßS?(ü®_ˆœsîÇ6vÉÍLy@'¯<eryÒûw3¥.D:…0R!Y(Íæ²™®s¼-îš÷~7j¶ç ¢k%û‘ÊÉØ©w 7é½š´—ØÒÞ}) šWaªÏ1]<dªb8W~Y5ã¡i3@Æt{²c~Ñ–NÐsÍÒöÞª€WJeûa÷ Œ?+^K¨7:SÆRÇˆú“i6(Í˜ ß¦âW™Ý7ØøÅ	¦¥n,Býï‘Tè¢•Px£®ò($…|hÃ+äñ”‰œJIÐ¸ßÛ4A€5&²ÎuÚ /fxx•ŒŸi/¬0t:ÍâD•èÚŽ—<Ûà¯lÖ¸¯ð:RàìqÎ³É
5o‘doVÃ‚×pU¡­uãýAfô‡ÆÆÒÒcù™2n	lPíá&^þkqZ~{VØ¶7™ý6Wâ|Îb¾;žt}-¥pˆ:¿öþëe˜îÉÇ© ¤ù›v1*X„)Zz)yµnC˜–_B§#GÔÒ	_†?Ö\L±o9ÅJ~
dÍT`ð4ƒ›àðÃ/Õ‘doVÃ‚×pU¡­uãýAfô‡ÆÆÒÒcù™2n	lPíá&^þkqZ~{VØ¶7™ý6Wâ|Îb¾;žt}-í×)¶ôiÊ)Ö¦³ªLo=vhw?ŒÂ¤ÉFlŒ˜,„Wk]Š*è÷Ž£º›•I£§š»(LŒvÊ+€îja&‚àCe-Z%Ç¾ñª 5] :ì¿LážÂå°A>¿ÆT“ ¤Þg®ÖäNÚ"xœkWŸŒgÑí…^ýCøgp¹/üüˆÔÆj³¥7=$˜D–-óbüW>¿
ˆ˜Ž©1jJ%‚ŠœJËÈÀx£Õ¯?¯´SHniþê­üt”¦µ])XLêêeÊ<4…¯¥tÇ¥&îbÝÔJ…½~‰×ðBl6ë1AÛ±ox‰œJIÐ¸ßÛ4A€5&²ÎuÚ /fxx•ŒŸi/¬0t:ÍâD•èÚŽ—<Ûà¯l>1Í¢›º¢ùYR’ê…!£ÉyîÅÒiŠ—Mí~Œ7&µŠGz‡^C]¿Q²œn¡ÎpŠŽF–É1[è½ƒ§2ùEb,“$ÑŸ/Ç:Ð‚M
Ÿ,_Z±[dCÔ,÷ÍZ.ö+ºMõ¾6“>-cóqlµ?•.mÃ›<˜AKÑQ¨BÈg°ãåHkI”à«5ßS?(üòêˆÕ°¬ËäÅ»óŽ0å°A>¿ÆT“ ¤Þg®ÖäNÚ"xœkWŸŒgÑí…^ýCøgp¹/üüˆÔÆj³¥7=B°Þ°K¾i@ƒ¥Ìëœz÷ÍZ.ö+ºMõ¾6“>-cóqlµ?•.mÃ›<˜AKÑQ¨BÈg°ãå»\–@f¤qïØVVF}»ÖŒn¥‰h^&®e6UG*	‡êœ£›~Âæ³³”äÉU¨)û—X‚ëCÞJDQP‡^®N½Î†*h4§|Ö‰ÀTú0Ö·!¦Œ5µX9Üò“xmÉÙ°{‚¹ŽÖÕ+Æl¿ "‹*£E5Žf1 ~Þzb²of½H4l?"Ë”üäðˆT.3¬J¡*„ÂÈáeˆCá‰\š½Õ´±’Wü¡^ôÛ8nnà&,ô‚`\Íf£ß?lå¼%<¸ Z˜deœôœJÿë›~|³"J7ªÉ_¤ƒ›}G ôÁù/Ä.LKTÑ<¹ F¾Î1mšJ‡AðvmËŒ:¡`|®5ß}Vo2ÿ€Þ‡GRE‚Ø®ÑKS0‡µ‚!Ïød,äÅ9Ò¤sÞW¾„×ÊV¶™w»qÉuŒ5‘®Ãn%:­Æà–¤Ö4€ŸaL§œ®·*‰©ãQ"ßœs‘…¡§Îgl\jœD‚IH{—NÌ7êjæÈJqË{ãÌ‹/„erš“¦˜*ê>;­Ìç“>Ô  D¯Ý·ÒT:/â”¶¦¸Fê@/l<WÓÈ¯Bn 6o|r"*Êô(PÈ­sÂ³*ž°FžZVÛ8nnà&,ô‚`\Íf		†D÷D×+‰M¢°,dõ¾fªqTqà‹×ïÔÊÐ•é¼w’Í–,/çžQÿáXn„3I rjóHÙ^¯‘3(¯lÀoâÓAöµfDQP‡^®N½Î†*h4§Öð|´[`5fû§I©ˆÕ‰`RÊ>;óVNœû®aA»É4^PÑ,bY¾a"þ¾JÂÁ é#ø›$•ü ¨€#×"päˆÐ‰ ±‡7ˆK¤"-ÐØcFC™Ä¶ôêûBZ|ØÀ]š6#p¢•Ü!áòvC ÞlŠdÀ«wÛ8nnà&,ô‚`\ÍfÄÓØaDZiúCBKž)[ñç6ÓàO{€¼Ü™'ÐQlfqÞýL°‡7<l2þÂÛÉ¡éyˆm¥»U÷¯e ¤"-ÐØcFC™Ä¶ôêþóòïÿ%@Frp¾dS%í€a$¥ÍÒgd*•›ƒ‡ˆúÉMÕýR Óö }l+!$çÜK ¬¬¢wmU!íê~Â-¯9ãšý3´ÃðÿÕÛ8nnà&,ô‚`\Íf'ïš½ÁªGœ«,ÖÈn‘KµªPêïˆŒ;µ îÐä÷`þòÒu ¤>Î#„ÞPÕ˜…õ_žÞE ÎWÒ¸w¶nntœ4š
ýâŽ™:ˆ#ú7TäÉU¨)û—X‚ëCÞJDQP‡^®N½Î†*h4§|Ö‰ÀTú0Ö·!¦Œ5µX9Üò“xmÉÙ°{‚¹ŽÖÕ+Æl¿ "‹*£E5Žf1 ~Þzb²of½H4l?"Ë”üäðˆT.3¬J¡*„ÂÈáeˆCá‰\š½Õ´±’Wü¡^ôÛ8nnà&,ô‚`\ÍfÄÓØaDZiúCBKž)[Dt´¥Rs'–k®P´¼xÄ	þÀ:v%É¶šädâvM˜ºµŽn ûcŠªåóD«4ûð9‰@9J&:¾{Šó~”0ÕëÐurÁ™Î&ù;*“Ìd—æN1–Æé}?ÆÒ
ü&X^ÓþãÛ8nnà&,ô‚`\Ífc;£AFkIîøí@!SÌˆneôíNaG¿÷%Îq®ê¾ØöÌRì°ÑÁ­†)¯V¹£ÄÍ‹ûo€®ÙYîÛ7»iaè¾Ã4ÒZ½<;¨Íç½†löFÝ½Mk©G¥,D™…õ_žÞE ÎWÒ¸w¶nnðñù³=kWö
ìÏH'0êdclÄÙ¾o5¨»Õ+Ü	^–6Ì„»fÝi[D-´µž‚Ò%ÿ¹‘²Àôvß©Ø©JŸ­ì‡ gƒÐëãP5¦ÍÈ„õ¹óLŸ«ÿZx‡ö,âÉïl¸#ƒûF§é ÷¦ÑálTÞvøY;é¼ËònvìˆN®=Ö&=¦[„¬/ëÒoN¼<zr°Ò™H‡XCµ¹%žL‹
HàPõ,Ïì—àœ2qÒvP€(°ÜÓ½ÒOôR»`¥çîq.\Š‰¯óqúbí¢™ª›]þV1¦9e'}µŸ7y2ÛC«ÉbÛ8nnà&,ô‚`\Íf0ŽtÔIû(ü×]òpï4#ee.
                    $('#jqxTree').jqxTree('render');
                }
            });

            // Add After
            $('#AddAfter').click(function () {
                var selectedItem = $('#jqxTree').jqxTree('selectedItem');

                if (selectedItem != null) {
                    $('#jqxTree').jqxTree('addAfter', { label: 'Item' }, selectedItem.element, false);
                    // update the tree.
                    $('#jqxTree').jqxTree('render');
                }
            });

            // Remove 
            $('#Remove').click(function () {
                var selectedItem = $('#jqxTree').jqxTree('selectedItem');
                if (selectedItem != null) {
                    // removes the selected item. The last parameter determines whether to refresh the Tree or not.
                    // If you want to use the 'removeItem' method in a loop, set the last parameter to false and call the 'render' method after the loop.
                    $('#jqxTree').jqxTree('removeItem', selectedItem.element, false);
                    // update the tree.
                    $('#jqxTree').jqxTree('render');
                }
            });

            // Disable
            $('#Disable').click(function () {
                var selectedItem = $('#jqxTree').jqxTree('selectedItem');
                if (selectedItem != null) {
                    $('#jqxTree').jqxTree('disableItem', selectedItem.element);
                }
            });

            // Expand
            $('#Expand').click(function () {
                var selectedItem = $('#jqxTree').jqxTree('selectedItem');
                if (selectedItem != null) {
                    $('#jqxTree').jqxTree('expandItem', selectedItem.element);
                }
            });

            // Expand
            $('#Collapse').click(function () {
                var selectedItem = $('#jqxTree').jqxTree('selectedItem');
                if (selectedItem != null) {
                    $('#jqxTree').jqxTree('collapseItem', selectedItem.element);
                }
            });

            // Expand All
            $('#ExpandAll').click(function () {
                $('#jqxTree').jqxTree('expandAll');
            });

            // Collapse All
            $('#CollapseAll').click(function () {
                $('#jqxTree').jqxTree('collapseAll');
            });

            // Enable All
            $('#EnableAll').click(function () {
                $('#jqxTree').jqxTree('enableAll');
            });

            // Select Next Item
            $('#Next').click(function () {
                var selectedItem = $("#jqxTree").jqxTree('selectedItem');
                var nextItem = $("#jqxTree").jqxTree('getNextItem', selectedItem.element);
                if (nextItem != null) {
                    $("#jqxTree").jqxTree('selectItem', nextItem.element);
                    $("#jqxTree").jqxTree('ensureVisible', nextItem.element);
                }
            });

            // Select Previous Item
            $('#Previous').click(function () {
                var selectedItem = $("#jqxTree").jqxTree('selectedItem');
                var prevItem = $("#jqxTree").jqxTree('getPrevItem', selectedItem.element);
                if (prevItem != null) {
                    $("#jqxTree").jqxTree('selectItem', prevItem.element);
                    $("#jqxTree").jqxTree('ensureVisible', prevItem.element);
                }
            });
            $('#jqxTree').jqxTree('selectItem', $("#jqxTree").find('li:first')[0]);
            $('#jqxTree').css('visibility', 'visible');
        });
    </script>
</head>
<body class='default'>
    <div id='jqxWidget'>
        <div style='float: left;'>
            <div id='jqxTree' style='visibility: hidden; float: left; margin-left: 20px;'>
                <ul>
                    <li id='home'>Home</li>
                    <li item-expanded='true'>Solutions
                        <ul>
                            <li>Education</li>
                            <li>Financial services</li>
                            <li>Government</li>
                            <li>Manufacturing</li>
                            <li>Solutions
                                <ul>
                                    <li>Consumer photo and video</li>
                                    <li>Mobile</li>
                                    <li>Rich Internet applications</li>
                                    <li>Technical communication</li>
                                    <li>Training and eLearning</li>
                                    <li>Web conferencing</li>
                                </ul>
                            </li>
                            <li>All industries and solutions</li>
                        </ul>
                    </li>
                    <li>Products
                        <ul>
                            <li>PC products</li>
                            <li>Mobile products</li>
                            <li>All products</li>
                        </ul>
                    </li>
                    <li>Support
                        <ul>
                            <li>Support home</li>
                            <li>Customer Service</li>
                            <li>Knowledge base</li>
                            <li>Books</li>
                            <li>Training and certification</li>
                            <li>Support programs</li>
                            <li>Forums</li>
                            <li>Documentation</li>
                            <li>Updates</li>
                        </ul>
                    </li>
                    <li>Communities
                        <ul>
                            <li>Designers</li>
                            <li>Developers</li>
                            <li>Educators and students</li>
                            <li>Partners</li>
                            <li>By resource
                                <ul>
                                    <li>Labs</li>
                                    <li>TV</li>
                                    <li>Forums</li>
                                    <li>Exchange</li>
                                    <li>Blogs</li>
                                    <li>Experience Design</li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                    <li>Company
                        <ul>
                            <li>About Us</li>
                            <li>Press</li>
                            <li>Investor Relations</li>
                            <li>Corporate Affairs</li>
                            <li>Careers</li>
                            <li>Showcase</li>
                            <li>Events</li>
                            <li>Contact Us</li>
                            <li>Become an affiliate</li>
                        </ul>
                    </li>
                </ul>
            </div>
            <div style='margin-left: 60px; float: left;'>
                <div style='margin-top: 10px;'>
                    <input type="button" id='Add' value="Add" />
                </div>
                <div style='margin-top: 10px;'>
                    <input type="button" id='AddAfter' value="Add After" />
                </div>
                <div style='margin-top: 10px;'>
                    <input type="button" id='AddBefore' value="Add Before" />
                </div>
                <div style='margin-top: 10px;'>
                    <input type="button" id='Update' value="Update" />
                </div>
                <div style='margin-top: 10px;'>
                    <input type="button" id='Remove' value="Remove" />
                </div>
                <div style='margin-top: 10px;'>
                    <input type="button" id='Disable' value="Disable" />
                </div>
                <div style='margin-top: 10px;'>
                    <input type="button" id='Expand' value="Expand" />
                </div>
                <div style='margin-top: 10px;'>
                    <input type="button" id='Collapse' value="Collapse" />
                </div>
                <div style='margin-top: 10px;'>
                    <input type="button" id='ExpandAll' value="Expand All" />
                </div>
                <div style='margin-top: 10px;'>
                    <input type="button" id='CollapseAll' value="Collapse All" />
                </div>
                <div style='margin-top: 10px;'>
                    <input type="button" id='EnableAll' value="Enable All" />
                </div>
                <div style='margin-top: 10px;'>
                    <input type="button" id='Next' value="Next Item" />
                </div>
                <div style='margin-top: 10px;'>
                    <input type="button" id='Previous' value="Previous Item" />
                </div>
            </div>
        </div>
    </div>
</body>
</html>