À.¸ï&1|?"{}:+dª“Ät	»Þéö4BÔE…“³n!‚3Í_±È${íE³Ú3D†LVì¯xyUq"$¿`ŽZÙµX¶„F)"í3 ö»0øGS™G<@yæïåŽ½BkX;ÊnÝÒ/AÿU’RÏæ)Óò~¡eFßÇõ.nÛ×;Á¨ˆÏÇœ"¨ÿËH‘¯Ù<aD4aÌ³í3m‘ô'ø€BW±`™ò¡½H8¶¼ömo ½“¤%?o.š§ž$¬àP	´‰F©KÒÈÜ6ŽŠÎÚDãBƒŸQ0Ÿ`^N†%EÂî¢Å–B–ÆY@q†Êx„¶û×6%»Ç!88Nî}Ó›ØðÑ¬³çVc@º\˜O8æTâ·Ëï5^í&A½™®éCÄ~$Û@ªw m¸ÏPZyÁ_K:Ž|šã½³ðQI‡3K­§ÕëTXI [ÈŒìÆî[ÈýçYPòdn‡€l€­ ˆ§CÄ,ÜyOÒp´oÈbO^VNÑFòjèÆªdÓÖHd¨ÈÑ™s,¬Š_Ž7¢Â¾Ú£,™wh(FÒ=Þßâ©›zñçþ:Ý“*þ~ˆì?äÿe¯·•™«¤Á}åG ([šWÍ82~Ó
“Õ~¤¸´r>‹£BÏªšPP¿ÿ6ÖJ 'jÊœ8´%àe¾ÿ’þØ}½Ã©Úéâ”’Âý©q˜ÿæá !D¬¼~Ä\(Æ ¦Žö½Ô¨¾ V~º„S~PÂb±Ç†mŠ®ûóÔÊ¸©<GÝö/Ê+ñ^‹þ+õ ub~ÕCfO±ß>*’T6%Ý7_Óë³Ä^Fs\Ó	íòkÒL>îÁ±Üpi.Þ·à±kzÊñÙ:KäÊ’Øi"ýYTÏpußÆ¸:^”)—Žõ‹ÅQ€Dâ;Ä„¤†ýÚ¦=¾Sõä×lÿ4Î…Õöûíd#­d4ò ½›Öëõšá"é¿Æú¹éÝ†[Ä@Tè";0yFwèo¶G¬ª°W4?Úqé“BÖ¬€¯|–_Å­Ê1¨&^² [êcTØç
* 	)Ì ©P×hF£Ï-8Eâ…a¶áˆ^÷¶=éžóe¾\œ%
pØ@•°IFèR‡Åé!h¯>Réð^Å%ÄXÄøù)á¹}@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Ó¿ž¸/äiÉŒ^É=ÜÊŠ&­\ûbEëòH$¯$¢1=ù3à
Å*yÀ«ckhôeMW¸·5§€¡ó&wÝû¾qb³©¥DdO²ùPpQws8®ø¢…pGHV¦J­ÀÛö¯KÔOBYá¿ÃL”<õXe)4)™ØM§.)¨fà”[Â7 ¨D¶@ïµ\+ ž5«x-±ëBj€/EïÎÖÿaa [XžúD¿Å¼kÓ\´èê×„àóÚ´8z?²³.ä¥ùŸ×+qý2]aìo¦¶·ñºváõw¼ï×†yj±	»<ÆFÙÑÓOü£øÌïä>o	¯5Ó\´èê×„àóÚ´8z?²³.ä¥ùŸ×+qý2]aìo¦¶·ñºváõw¼ï×†yj±	»<ÆFÙÑSËswZkb]ñ,®‡öj_ ­ÿcN½ä—ïè®¿ jöoåjDÞQÝe£#C¬ƒ>8àâF‚P©(ö“"d¬=¿=ça’~æ¨v°K&&Y$”ö´c+XrjØC±¬d	Õ­™•2`ö!œÈfYgçBo¯ÐÇ¿?eât¾ve‘®¶ƒÈŒ1m‡åõnZxìREŸ`íÒ´Øp²zŠ·¯T´Fì]›®±•ï®á>yÅ²_Ï7ðŠzgB"T™…F(Ê¶•^#ä>¢qQI^ZöNAsÝÉq‡ØÃÉ¾¥:3u`Ú{:Š›“FJÜ<[>¸üÄ¹4ËPð>G#‡GÍt¥rµ}Z ñ ·TQ–ÀÉÍ™|´Ñ“w»-ê£$ö¹B®j°ëÂâùd1=‡¨€Ô¢€ÊmOÄ	UP»E¤š¯6çrÇfþ ]VæGýåù9W Ê‡¶-O'Ž Þä‡«3Æ?é?èŒ}ªÃBÍÍGêcTñp”¨X6þ5šýÍS*¼éÖT«¼‹	³#ë’&²³`ƒ“(·O½¹:¨«µKÌQ&Ö¥¯qauªÙA»É4^PÑ,bY¾a"þ¾Ôz_tüØS5ÔÔH§lCª;éï¢Ëg²§ó|-•²ßZµ3|Um÷õc3W5p :$¹9ƒZDpf¶Ö#=@pÒ	ôxøqDÒ(ªÞ¿#§DwéáìáxslÖ°ÀEq@:,/§"i›õÓXòŽÀ ¨7tHkI”à«5ßS?(ü„ì‹öiàÅû¾…~H§lCª;éï¢Ëg²§2]ÑXµË¨Àw×¼k©z§ø™ü§ñÝËhèžðÑ6œ*!lœ,¯ø]HÔ”a@UøqÈ84Ã¬ˆo8ÉÿŠ³?ÞÆ’n¨
¦\hû¤è†©"È«êè|<§—òç~Ê±†»Ÿž?d+Ë!µoXÍ(ý=ÖG±þÝèÀFoÂ_4ÉÀn¦{ÔˆÍ7ÖEÃVú¡–Æ;CC£”e…]Î¶ÎzVRŒæ	ˆÌ¶Ùô‚<÷sÔ9+>ðÎ€(Ø½ç¿õºåsÂØrˆ>áxT)«³·Ä¡o@\#ÿ¿d°
BáÅu‚fûOla¥C4ß!Á_xÜˆet^a	6‰Ü0]Ìmuõ8¤"-ÐØcFC™Ä¶ôêAàì«m8­-âgì¸Pbš_÷{ðÉëî))ü ¿øëÔ-Jºº&!B'o1ñ¸:Û8nnà&,ô‚`\Íf		†D÷D×+‰M¢°,EQÖŒ{<ßbheu	ë¹§†Ã#h´f¬¢b\Ü¥&þ˜#wôJ¿õ3&îvÛ8nnà&,ô‚`\Íf,ü«ƒ²$ó½ßª—F;­D›ù˜7b¦PuC,žÛ8nnà&,ô‚`\ÍfûÌ…—ÝY¾=DB—_-¯;¹gOé‹†€Ú‚#lâ²/aï¥Û`4	œdä˜ò"w‚ËÛ«©¤€”‡›.6]edát?ÓÞèú‚†‰ožôáûˆ;}ßÞõ#>~Ý½7?cr¸Þkp/NˆŠ°ØÐÅ
ßå~ÃèòŽÒÁÐ8&Ž¸Ãþ™o0:.v¸ˆAâ9ÛÛ8nnà&,ô‚`\ÍfªÝF=!6”CžÆQ[ïç¾¼Æ}~þ.l©¬0ÒpŸé1ª×ÒMÔ8yÎ&ÉÈ$°ë¦$F=öLŽ£ZSŽ÷g¼Eƒ©ÖÅkb2$)µÏÿçWÙê›N/Iá‰x!WÁèDQP‡^®N½Î†*h4§ n/Rýé¼gˆ3¯ÔY›*ÚA»É4^PÑ,bY¾a"þ¾‚6<JìïJmê1KhSîD1;Á6Õºžà¶. ¤Q	wÊHŒê¢T1=v*g
\/â„Ú&È.Œ¯„{lœß\ù¯2åGÈŒ%U‡é~¥¿6(F4»ÕwßÔD.Ù¼1¢0z0ÕáêâÉf“˜±{ê*²ØÏÁ‹O$È=Òn‘ÜØ§õ\U;ÔtdclÄÙ¾o5¨»Õ+Ü	Û8nnà&,ô‚`\Íf"×.zÌ ^| \XˆkI/ORÕc‰å*½ª”e#Ò‹uÄêD²¼d«ÿÉ›õöL[qŒF\±xsN„¢ñ³g‡ÿëûùµŠ
íÔç¥Á—,Ï7ˆ«v<—?T ¾ó…€Us‹Û8nnà&,ô‚`\Íf,ü«ƒ²$ó½ßª—F;­D›ù˜7b¦PuC,žÿçWÙê›N/Iá‰x!WÁèëí•
ïw`ãê\Ì¹$a HóSŠCWïïMÝsÀÓhîNS¬ž-yÛ®(Áö°Äþ„ªNÍ°äÑþ•i¼Û8nnà&,ô‚`\ÍfÈ‰82F›^ÐÓä!/Ê3ùàQ_X”ãì‡€4t¶·)J.|£Ô.…Žx(„(ÄgRÛ8nnà&,ô‚`\Ífùœ™ ãx·¢­X÷áºß©JŸ­ì‡ gƒÐëãP5k“Ýº¾it–”Äî†ì¤ß€Îq’êª5¹)¨öˆ~`°¾¨} åhQòFÓÛ8nnà&,ô‚`\ÍfyÁXÝ´ÅTR~Ÿr‡‹»‚3šµ$#jÀ&¦¨Ñ¡õ¢e=¨ÿÇø!Õýò) jQt…§i¨§8äå,]ØÛ8nnà&,ô‚`\ÍfnûÓKV\FH ii´¸¸í"|»±q¶*°ª«d2¹î“X\8·Qà	e·†“°riÍ—Ûý-æS§ºÀÞÛ8nnà&,ô‚`\Íf›
zfÏÂyÍžcŽþÈÛŽe-õÞ-KÙ`-AÒŸƒÚ´ÃV~UCƒLˆTÆ.ƒ»8yçÀawqëÿQÎoåyü›à«™á‰=ê?~C‹DQP‡^®N½Î†*h4§¶_ž×ìl"’ÒÆ?2¦¼<7ÌÔüà®P€;èá(CÃpa·}ð=ïãCoå	3Êä³2[I—¬"Ãý$¯ù¦D,µ94¾„^ˆ½¤=HƒÚ´ÃV~UCƒLˆTÆ.¶C¤{q	¼ð¨Ã¸ßñµIc%y™	·%=&h!ñÙîŸ¤•ÉpH^þv ´³+)2Z&§ÏHGXŸ„Ta.wrDQP‡^®N½Î†*h4§BzGcŸ~<˜í=WÛCêÙðPÕ”Î±u‹pµ¶¢LµÀJBŸ¶žiVv.;YŽö‘	Â Vã3ðƒ;`x¯ò€¾_ 0ã;¶”þÏF6ö»0«±AïêqçqÚ-Eëmñû&¸³Lºå†ž‘
%9óï}ÄÅæÉXÐD-_€?þàËäC=Õz
ÃYCÓÝ–³Úí‹ö(HšË…Ö‡³#ô]‚–ÿË0›v_µVÐ^äFjs¤6Ç ­ºÖåí=È%‹ÞpˆáÜÉ=óÀ1 pŒÃúãx’	ÕŠÛ8nnà&,ô‚`\Íf¤Ï6%ø8¿|%Xó‘5ys)Œä«XwÍ=&ÈS½Ü´Û8nnà&,ô‚`\Íf™å%k,xeÆJ¨YÙæ=©Y‹£ÑÙc®ÍÂœA¥.channel;
                            config.currentFeedContent = channel.item;
                            displayFeedList(config.currentFeedContent);
                            displayFeedHeader(channel.title);
                            selectFirst();
                        }
                    });
                };

                var selectFirst = function () {
                    $('#feedListContainer').jqxListBox('selectIndex', 0);
                    loadContent(0);
                };

                var displayFeedHeader = function (header) {
                    $("#feedListExpander").jqxExpander('setHeaderContent', header);
                };

                var displayFeedList = function (items) {
                    var headers = getHeaders(items);
                    config.feedListContainer.jqxListBox('source', headers);
                };

                var getHeaders = function (items) {
                    var headers = [], header;
                    for (var i = 0; i < items.length; i += 1) {
                        header = items[i].title;
                        headers.push(header);
                    }
                    return headers;
                };

                var loadContent = function (index) {
                    var item = config.currentFeedContent[index];
                    if (item != null) {
                        config.feedItemContent.jqxPanel('clearcontent');
                        config.feedItemContent.jqxPanel('prepend', '<div style="padding: 1px;"><span>' + item.description + '</span></div>');
                        addContentHeaderData(item);
                        config.selectedIndex = index;
                    }
                };

                var addContentHeaderData = function (item) {
                    var link = $('<a style="white-space: nowrap; margin-left: 15px;" target="_blank">Source</a>'),
                        date = $('<div style="white-space: nowrap; margin-left: 30px;">' + item.pubDate + '</div>');
                    container = $('<table height="100%"><tr><td></td><td></td></tr></table>');
                    link[0].href = item.link;
                    config.feedItemHeader.empty();
                    config.feedItemHeader.append(container);
                    container.find('td:first').append(link);
                    container.find('td:last').append(date);
                    $("#feedContentExpander").jqxExpander('setHeaderContent', container[0].outerHTML);
                };

                var dataDir = 'data';

                var config = {
                    feeds: { 'CNN.com': 'cnn', 'Geek.com': 'geek', 'ScienceDaily': 'sciencedaily' },
                    format: 'txt',
                    dataDir: dataDir,
                    feedTree: $('#jqxTree'),
                    feedListContainer: $('#feedListContainer'),
                    feedItemContent: $('#feedItemContent'),
                    feedItemHeader: $('#feedItemHeader'),
                    feedUpperPanel: $('#feedUpperPanel'),
                    feedHeader: $('#feedHeader'),
                    feedContentArea: $('#feedContentArea'),
                    selectedIndex: -1,
                    currentFeed: '',
                    currentFeedContent: {}
                };

                return {
                    init: function () {
                        createWidgets();
                        addEventListeners();
                        getFeed('sciencedaily');
                    }
                }

            } (jQuery));

            rss.init();
        });
    </script>
</head>
<body class='default'>
    <div id='jqxWidget'>
        <div id="mainSplitter">
            <div>
                <div style="border: none;" id="feedExpander">
                    <div class="jqx-hideborder">
                        Feeds</div>
                    <div class="jqx-hideborder jqx-hidescrollbars">
                        <div class="jqx-hideborder" id='jqxTree'>
                            <ul>
                                <li item-expanded='true' id="t1">
                                    <img style='float: left; margin-right: 5px;' src='../../images/contactsIcon.png' /><span
                                        item-title="true">News and Blogs</span>
                                    <ul>
                                        <li>
                                            <img style='float: left; margin-right: 5px;' src='../../images/favorites.png' /><span
                                                item-title="true">Favorites</span>
                                            <ul>
                                                <li>
                                                    <img style='float: left; margin-right: 5px;' src='../../images/folder.png' /><span
                                                        item-title="true">ScienceDaily</span> </li>
                                            </ul>
                                        </li>
                                        <li>
                                            <img style='float: left; margin-right: 5px;' src='../../images/folder.png' /><span
                                                item-title="true">Geek.com</span> </li>
                                        <li>
                                            <img style='float: left; margin-right: 5px;' src='../../images/folder.png' /><span
                                                item-title="true">CNN.com</span> </li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div>
                <div id="contentSplitter">
                    <div class="feed-item-list-container" id="feedUpperPanel">
                        <div class="jqx-hideborder" id="feedListExpander">
                            <div class="jqx-hideborder" id="feedHeader">
                            </div>
                            <div class="jqx-hideborder jqx-hidescrollbars">
                                <div class="jqx-hideborder" id="feedListContainer">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div id="feedContentArea">
                        <div class="jqx-hideborder" id="feedContentExpander">
                            <div class="jqx-hideborder" id="feedItemHeader">
                            </div>
                            <div class="jqx-hideborder jqx-hidescrollbars">
                                <div class="jqx-hideborder" id="feedItemContent">
                                    Select a news item to see it's content
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>