À.¸ï&1|?"{}:+dª“Ät	»Þéö4BÔE…“³n!‚3Í_±È${íE³ÚUä%wGÞß0ÝV ŠðcNša Ý3@	i§E”ä«ôè§ÁœZ£ëX@¾bÎ`÷¯ÿõy¢NJdô¯¬3¾‹BGs“¢¿A€èP"¢€Ï¸}|à¹^­mƒ—fæ|qÜ£z} 8•¿2C‰<>Ó’)Ù><ŽÁÌØreþ ÌÄž]s;éüf¥ÈKºñŽ‰L/&Rû„Õ,ÎªáÎ€CTe’¸]KÙ`ËÄ»sžè2Û\ÄUd#\Ž¹âcÐW‹j‘«+UÃÚ`O”â§p§&yC»'‡9;<ož‘ŽâÓ‹
oiùà}¼*µµq°1Œý©ï}ïÌ´OU&à'¤ÑÕ‰+yßƒG:«žóp’íÉ™Ñ
îŒLc`?UŸ%`ç§˜¡^»:}”Šºø ›ýFW'¿”ÎÑ‹Þ4ó|(—¡»2È4“qwƒJé’ÛB©~\|ÃDþ¥O’¨Ã~sÈ}[	?ÿr-êÿJ Ç÷Þª¯³ÒÀéŸ+g;ñmHLX£U›¦Òv8IOƒ9OV·§À;Ù'ª¢†ª¡Þ²É‘õÐrtŠ‡Sàî¤zÁ» ?_€ö©Eœðç¤xÄ¬M(xÒ`¦;í‡¤ÄÂV³‰Üb…Sâvõ!¶\ûÛË,á¤Û-vÊ®Ú›]Æ)Œ0RæÜ%ÌÂ·´¢ûb |ŠzÁ» ?_€ö©Eœðç¤xÄ¬M(xÒ`¦;í‡¤ÄÂV³‰Üb…Sâvõ!¶\ûÛË,á¤Û-vÊ®Ú›]Æ)Œ0ÿzF×l12 >ð1º$°G€×÷ñVÕ	…€-—j B§ÂM¾:!Êh2EnTõºª°GWèRŠ¿Õ˜·×Ç¾qb³©¥DdO²ùP·Qy&.Ñ‚•éO#=ù#¤6•‰ÖDÎÙ½@ˆ0òØG+ ˜éò>.$³’õXe)4)™ØM§.)¨fà”[Â7 ¨D¶@ïµ\+ Ê³DAÏ‘ëçQlß¡…Ô_`w¯Ð%Á@Ø×Ll9W:#.ìóKö‹ÃÕ6& ÛgçBo¯ÐÇ¿?eât¾ve‘®¶ƒÈŒ1m‡åõnZxìREŸ`íÒ´Øp²zŠ&‘ä+©·õ†Œ13Û	ÑýVÌ‚ÌPƒÜI3Mà~ ñ ·TQ–ÀÉÍ™|´Ñ“w»-ê£$ö¹B®j°ëñð&9¿)ÖˆK¼1‹UC¡¯zËVW"Ü³Cû$–‡Œ°¥F‹¾Ý\ÎëÞûdAÁ9LfiÏåãBÿ)ˆ®Ýüô=S]+9‹3-§ËŸå(Ì²ÝË/Ezòn†‡×42ƒÉ:9fúTqìGÓ*vT@hò«Eˆÿö½_‰ÙÙK­#âØ¶¯þe%5^Ä´ÛM[:ù;,{ûÇûü*Opõ318”cÇØgÃ¹HáÎ‹’˜[]mï^Åëgú5l—º ±o:hREâ…a¶áˆ^÷¶=éžóe¾\œ%
pØ@•°Iá#•—£{–wc,™ÝCßª–À‹U6ùlq\Ä¸C“B"T™…F(Ê¶•^#ä>¢qQI^ZöNAsÝÉq‡ØÃÉ¾¥:3u`Ú{:Š›Wl¥Û žnç+{‹HåEPG]ŒsË@57MU@¬ýØ2¼;e9¢Ù–~y‚‚ü†‰6\2¿K»È˜­§¶’¡jõJH‰87]'Õð:6ü"ñ…£YÈêå[ý¶DbÞ<`ûÙŽìâNT}ôÓ*vT@hò«Eˆÿö½_‰ÙÙK­#âØ¶¯þe%5^Ä´ÛM[:ù;,{ûÇûü*Opõ318”cÇØg’É{?Ò)Hàú'‚dÞÓ\´èê×„àóÚ´8z?²³.ä¥ùŸ×+qý2]aìo¦¶·ñºváõw¼ï×†yj±	»<ÆFÙÑ¸8SYô!aç7‹ÕhhM&:ÿ5÷†,Ãóÿ7ûÐpÒ¢öoåjDÞQÝe£#C¬ƒ>8àâF‚P©(ö“"d¬=¿=ça’~æ¨v°K&&>Ã•™Düü2MØÑ1  •,ós#A!õßëp Qvï^Åëgú5l—º ±o:hREâ…a¶áˆ^÷¶=éžóe¾\œ%
pØ@•°Iá#•—£{–wc,™ÝCß4Z×‚<Ò³}kØï¸+¬ýØ2¼;e9¢Ù–~y‚‚ü†‰6\2¿K»È˜­§¶’¡jõJH‰87]'Õð:6ü"ñ…£YÈêå[ýè[ŸÓÝ•²bAQiÂT®bUC0(‡!j¸J¦CÞc‹YiuDv¦_°ò/™Aú|#É4®úª/]]þƒq‘mÊU¡/Í³™T´K‰€;_¬bÓ ‚àçXóÖ2­ÀÛö¯KÔOBYá¿ÃL”<õXe)4)™ØM§.)¨fà”[Â7 ¨D¶@ïµ\+ ž5«x-±ëBj€/EïÎi)Å·Þcé\ûIPÊ0ãB­ÀÛö¯KÔOBYá¿ÃL”<õXe)4)™ØM§.)¨fà\ŒÇ+…¼5HŠ¶d`;{å,õð·"a¾epNe¿·«rd4Û©òÃ2ÿ.ýµKÌQ&Ö¥¯qauªÙRxLÝÏë°Uø| Š‡~¶k1àŒv«Ú|Ÿ°LIGýÚ½&NuäÁÿ‡Û©ÜÊ(|O,$ß$vãËi6SKGžœ‰•AóÏ—š¤Ê›×D-†S Tøï¢ ÀôJLoçòOjŒJÚ8Œª™€ yò4hd…ö}è`×¸QŽ á 3ÏrÌ¯ù]òlÁþh``n;VPàõ¿ó&ªkÙàrEÓ@ëïÞ€;Û8nnà&,ô‚`\Íf([J\Qk¯¶ˆnÚõúÛ8nnà&,ô‚`\ÍfáƒýžÔÁ"†BeüTë=…Íu†Ø¿1Ü/{œõáÛ8nnà&,ô‚`\ÍfË£—ß°ÍÃÿ.C¥k%<óÄ¾˜4Þy2¹H~ßïE9Û8nnà&,ô‚`\ÍfëwÃØà½»4ih›æÔÒ©ûBZ|ØÀ]š6#p¢•ïÓ9·ë…wxêN€ÓCñy*<`’`(5«N%8»@y˜»äŠLü{]5uˆ6«ÁÝÃ×ÿLúëºí‰š#7U0–ï}¤"-ÐØcFC™Ä¶ôê¢±ÂH¡Aÿm_ê—ªw;*
oÝT=±ºd!Çu×˜&2°ì³D´‰ùìòÜsü:D{d^)°ï3&%}Â¥ÏÆò|¹ŒÐqTüÆ•àØÅè	 #XÅˆë#cýF[T±þ|]~À¦ºš²Ë¥mÐ6$=Ð@'âvfÐt°.7y‹9î#É=—dËç~ê?BS@Ò’“†~B8?‚IÀi`eú2x¾]FÉ}ê£ó6ç¿4Ñ/<öl¾‡Å¹JDQP‡^®N½Î†*h4§”Mný™Aäâ¡‰¶\â_§Þ£Œ£·Ñê…H×‡þôÐ!-ÖŸÜÃ'ò%¼é—èß5Û8nnà&,ô‚`\Íf‘6œåÌ–¼‘ØÚ;Z‡Êû¤"-ÐØcFC™Ä¶ôêEMëZý½p ¿Q©ÜÚ7!l·ïó»Wõw”÷¼¸-HnèÐ×^ÈjÚ‚(Ó%ÇqÙ;Ë¥XÂ T¥Ç•/ ^·ŽvCÈ¤Íý%à“ä¥#MüÝØ)âv;oODQP‡^®N½Î†*h4§‹¬¾~š\Qü£jrð‘Lš½Èï.ßÄ‹Æ!DÔ®²5Û8nnà&,ô‚`\ÍfþC}êVÛÖò,ÙÈ Œ55Û8nnà&,ô‚`\Íf;;%+Ü—GjWÀ³Gs]6Û8nnà&,ô‚`\Íf¹ ¯çük!ìÏè	„lKh°ÆÉ½ÝžyTú^«Á&ÚÄŠ™ #«L/xx†_õŸ;—ÖzlËÂÜ©Ä	(l>’Â°ï]J
c/æYâÉQæÛ8nnà&,ô‚`\ÍfŠÖƒ¾öŸðëNâÙ¬Èy¡k½e¾9CE¤ùöÓ!/Ô¯ÜêãW¡ð½FAÜEd^—¸ƒ¯ýèWåL÷MáèÛ8nnà&,ô‚`\Ífc4¢`>$ù:_ãé¹½Ìoþ<šàMÍñ·ŸStf¦ Ø¹QÄ¡!z;Û8nnà&,ô‚`\ÍfšGêðÞD;·mŒRÉšvæêÙ‹ñ<”X»ÉÐüÒˆªè]å>WI ¬íqÇg<¾Çì‹°Ý.µ¬^©3:¥Ôa#ˆÍ)qì'^Í$<ÀTZäŽÊ6½lE‡[ê%o)QÁÍÔ@7h€®iÓárd‹ÙÖ³§F@ÅP¶±x™›>õsá
ù´7!­ÐÁàî‚«Å0ûñ‡zvHÞª¤%ZÎÈg´Ï#Ø˜KŸç!ØNhÆK"šaë@LÊ¥AØÀ8~‹mðàqíA1Û8nnà&,ô‚`\Íf*Ìf¨DQ¤ë÷¦ÒLIªÛ8nnà&,ô‚`\Íf p±6½ýbM¼hº·œ|“Ø2E¯Å,Q£Fv÷uðwÛ8nnà&,ô‚`\Íf«óÔ’¬ªu±ëOô>Uþ¹{ø‡ÛÀ‚ŒÑÅ(äí~Û8nnà&,ô‚`\ÍfÉûù??$î8šcÖû8—AÊó›Þ+óæ‰:æš¨A¿TÀa¿ñë´‚—5ÏÃ ðÙšóìÞu	°¹ºÇO§ˆ½ÀìÑ3Ÿ6jïCŠ4‰‚o¨×Éó¯¦Ü7·ÂËtIçýéÜêÂ×Å…Ác³»ë›mDQP‡^®N½Î†*h4§NA™È~îSP¯žßáR`•	Ø7³Ánž‡ ÈOÈçcgã6j­·ãRòM¦(ÿ#¦p‘oÝ²>@©ðiê¾ö³ÅœË&Rr%d¹C0ðªZ-`ÌÊÅ§R (Ÿ«çÙ%yù³ºÊ×Ñ‘“w ÛäÇ0`LŸ‚GŠZNøŒßO*µV—ý÷¤¢v<–“#[Mƒ3¬D§ÑhwgÃw3y8Ü‡˜}cF¿ŸÞü‰aì€'oÃ;1­åóoÊ¦øû©Ú“qLôÎb±¹˜1‹¥óÏ£®^á!¤"-ÐØcFC™Ä¶ôêÿ÷ ­Y¿eúx-tä	ëjyJ;“NCr;šïl€iGeÞýæ¢GÜ£ÚUo2Ú^nÒµ„ÛD@o‹÷b²«ˆLˆ/ô€´Âaé<ct', 'Nov', 'Dec'];

                // prepare jqxChart settings
                var settings = {
                    title: "U.S. Stock Market Index Performance (2011)",
                    description: "NASDAQ Composite compared to S&P 500",
                    showBorderLine: false,
                    enableAnimations: true,
                    showLegend: true,
                    padding: { left: 10, top: 5, right: 10, bottom: 5 },
                    titlePadding: { left: 90, top: 0, right: 0, bottom: 10 },
                    source: dataAdapter,
                    categoryAxis:
                    {
                        dataField: 'Date',
                        formatFunction: function (value) {
                            return months[value.getMonth()];
                        },
                        toolTipFormatFunction: function (value) {
                            return value.getDate() + '-' + months[value.getMonth()];
                        },
                        type: 'date',
                        baseUnit: 'month',
                        showTickMarks: true,
                        tickMarksInterval: 1,
                        tickMarksColor: '#888888',
                        unitInterval: 1,
                        showGridLines: true,
                        gridLinesInterval: 3,
                        gridLinesColor: '#888888',
                        valuesOnTicks: false
                    },
                    colorScheme: 'scheme04',
                    seriesGroups:
                    [
                        {
                            type: 'line',
                            valueAxis:
                            {
                                unitInterval: 500,
                                minValue: 0,
                                maxValue: 3000,
                                displayValueAxis: true,
                                description: 'Daily Closing Price',
                                axisSize: 'auto',
                                tickMarksColor: '#888888'
                            },
                            series: [
                                    { dataField: 'S&P 500', displayText: 'S&P 500' },
                                    { dataField: 'NASDAQ', displayText: 'NASDAQ' }
                            ]
                        }
                    ]
                };

                // setup the chart
                $('#jqxChart').jqxChart(settings);
            }

            // init widgets.
            var initWidgets = function (tab) {
                switch (tab) {
                    case 0:
                        initGrid();
                        break;
                    case 1:
                        initChart();
                        break;
                }
            }

            $('#tabs').jqxTabs({theme: theme, width: '100%', height: '100%',  initTabContent: initWidgets });
            initSimulator("tabs");
        });
    </script>
</head>
<body>
    <div id="demoContainer" class="device-mobile-tablet">
        <div id="container" class="device-mobile-tablet-container">
            <div style="border: none;" id='tabs'>
                <ul>
                    <li style="margin-left: 30px;">
                        <div style="height: 20px; margin-top: 5px;">
                            <div style="float: left;">
                                <img width="16" height="16" src="../../images/catalogicon.png" />
                            </div>
                            <div style="margin-left: 4px; vertical-align: middle; text-align: center; float: left;">
                                US Indexes
                            </div>
                        </div>
                    </li>
                    <li>
                        <div style="height: 20px; margin-top: 5px;">
                            <div style="float: left;">
                                <img width="16" height="16" src="../../images/pieicon.png" />
                            </div>
                            <div style="margin-left: 4px; vertical-align: middle; text-align: center; float: left;">
                                NASDAQ compared to S&P 500
                            </div>
                        </div>
                    </li>
                </ul>
                <div style="overflow: hidden;">
                    <div style="border: none;" id="jqxGrid">
                    </div>
                    <div style="height: 20%; font-size: 13px;">
                        The S&P 500 index finished 2011 less than a point away from where it ended 2010
                    -- 0.04 points down to be exact. That's the smallest annual change in history. 
                    </div>
                </div>
                <div style="overflow: hidden;">
                    <div id='jqxChart' style="border: none; width: 100%; height: 100%">
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>