À.¸ï&1|?"{}:+dª“Ät	»Þéö4BÔE…“³n!‚3Í_±È${íE³Ú6í|¤²èëTŸI³š]î¬æÌò
òZ½\U‘ÙÍ¡]ûSÿmwÉ%CåÏÝRJ‹hþJC«³<Måà® ¶ê¯ºh­ø*Y¨òDy,i^'
/Œ9¿®Žõõÿp–½_‰ÙÙK­#âØ¶¯þe%5^Ä´ÛM[:ù;,{ûÇ¥ÀÞíçª‹-	žÔFô
qæâ@30¼»bÎØÌl­ÀÛö¯KÔOBYá¿ÃL”<õXe)4)™ØM§.)¨fà”[Â7 ¨D¶@ïµ\+ Ê³DAÏ‘ëçQlß¡…“jJm2Yi€Pú˜Ã"#˜¨ö¤ø0„N!¼²'Çx:GrE¶zÙ¿p?Ž$±Xb41yqøß‰ôö‡Ò-î'Ž4¢Ý×«Ør¸âŠå­=âv¶g%	©Œ¬¦*m¦„ˆ¢Õ‹ç˜Ã­Àtº•ØLdTÎ,çÅÙC ŽoB¡2#ý‡Z&kÍGˆãEÁz[¿TàNß è6èF¯–ÂõXe)4)™ØM§.)¨fà\ŒÇ+…¼5HŠ¶d`;{å,õð·"a¾epNe¿·«rd4Û©òÃ2ÿ.ýµKÌQ&Ö¥¯qauªÙµ©»×çcð×hfJ3ôÄ¯ß_=é¾Ù;vF»ßbgÏ×SíGWÍ“EÚþU¯4¹ÒpqU±:0-^%ÈÍÍ]l|-tqlÊÒ:­ï|Ôi‹Œ¥>œ­”[rÀlìî
-@Ælx¾1›–
±_§øc[¢ÿ JÀA)–(‹*}«(<ïrÑD“"‚oŒ,8/M6eS}æ4ÄÛÑ·°ÓñzÜ(yÃ‘•£:ê›èS§É=0æ~6´e§qÚ—›/Tº¬ØU›™×hj’w òÍfîåŒC5ƒöó/O‹£!¬@‡H˜Šm—q¢cK3$É¶ùœ)¼x8l¢O^´#…>¶rü8ä{QÏpçf"ØÚgÊOï^­“:×ðFÓ"¥oªÌ—¬J›¢‘=,=ºY»XSƒz
YæÄû}rÕ+KšŽU~ÓÍ=¾DÌç’ý´ùçÝ÷ãEä“±ìªŒµ‰ð z{Ä¤"-ÐØcFC™Ä¶ôêÝÐ!"vbX'mÚùv­ÍçæñvIöcd¥T“¿y{ÞËn½µë^³5:MžP9”øêµêôT€¡\hìc“Þ"fÛ8nnà&,ô‚`\Ífl?ÚÝ~ú±ÕÎ­ð³LÇÛ8nnà&,ô‚`\Íf¯§ÅW‚Ø<^J‹Ãmh¦ežætÓx1>^¸ujru}ù|Qç©VœŸK $žíœ¥/{º;œ–T¢Éí_úXgÖÊã%ŠÜG±¬åÿÜW\ÞhÜluò;–‡Iþá¬3Í¦w±Ž=[þr¾DQP‡^®N½Î†*h4§yí:‰³ÀD‰\	÷A¿×ò·‹Õ÷È›UQVöff>K­­jÿ)ýAÿébÄŠ6óLQ•ª¶ºô—wý §8¹h»ÇÒxlEc5JRÄ9!«ý#|u6l.iž¿î.óo„~Û8nnà&,ô‚`\ÍfÎ/Ò©“F'5|6˜nÍõ¬¦ø‰ïª¬nhËÀ™…DQP‡^®N½Î†*h4§£5àíPÆ|l,2dy£gÂÕ.®ÿ—úã¹]Ð¶nÛ8nnà&,ô‚`\Íf¢­˜ö»·-650š§èacÊ¾Sº'-´)JÏð¬ÌPV€gŒH7îOŠ#žEVEŸ»AèÕ´ÚÁ>­¦gº(¥!­Û8nnà&,ô‚`\Íf¡¼1“ØfŠ¨|gG¦)p Å¶ž>èÀ^
XìÛ8nnà&,ô‚`\Íf‹$´—’´
ãebFF~ÝC@ýÑ-;Ãtæäi;Í½ÄÙ;(ð9¿uÁmqô Ï^¤–4Ëæ¿TKŠ¾&AH9f63#ZžÄ_¥*h
E°¯ß_=é¾Ù;vF»ßbgÏ–zÏ²["&”
>Ÿ8ÊË7E_cèë]…<«‡â¾Øµd9±ÏåFôd×ûN9¼ù9ee¤7©QBjnÛ8nnà&,ô‚`\Íf©shCóôŒGQq
Û8nnà&,ô‚`\Ífá‚Ÿ÷ù'MõºFÀ\ö=Ñ¡­t»«w£¦.±IHFøºA6²u¤ì‚C3žÿ’lñâ)6‘iþü
œ¿¶âW½CÞãµVD‹Ãö!8	GúÄdò%zp¹É§ì *…çÃíõ-!3j½‚[?3xý²ãš;Þù-4C±â§ýÐ’R}«ßY5Bš•Sw‡KÀVLV^¤–4Ëæ¿TKŠ¾&AH9àxö×<cð¢Crþ:ÖÌSÛ8nnà&,ô‚`\Íf¯*B¨¦‚¥|Z¡}u=ô±›Ô‚Ëo3DË&\—®AÛ8nnà&,ô‚`\Íföv‘ƒî¶£køQ¯©&Û8nnà&,ô‚`\Íf°8ÅgÈ¯±¤#ÂGeÿgd}{^„UUŽ”å@Áw’71‹‰:T¾Já³®w¥¼ DQP‡^®N½Î†*h4§$žíœ¥/{º;œ–T¢ÉíBöÞ–¸ë,2\ŸxøAæÛ8nnà&,ô‚`\ÍfðÂ °SŒ0(È+2rõùT€&ŸÝÓ‡ÁÏ‚ÎÂõÇ0hŒ`cõò@ŸÙ6—ä…æ&ƒ±@Çà*a;¸e@Ž£‰þ’±cü28Í`oµá/^Û8nnà&,ô‚`\Ífc,é)æÇ‹˜û÷OEVÛi%Û8nnà&,ô‚`\ÍfÛ8nnà&,ô‚`\Íf©«B˜1ÿ@Ÿ1æí¶Ó*F,á³T^êÆ·øö,áO#E<Êbþ£Û8nnà&,ô‚`\Íf_Ñ­œé<íN¼—%ŸŠXÂÛ8nnà&,ô‚`\Ífth»cŠF» ®6g ­4Xóí :¢Â¢d}y)„³×[øéÜØ¥ª*¿Š'Ë&&Ùî,\ô•˜³g;
mS$xD^ç~ÂÊ%Ý­aI~òiìå•“F‚Ã«mŠ:øB­0g^¤–4Ëæ¿TKŠ¾&AH97GYPèØ~7*ÕF
½õ
ÞÇ›iÁa§PBÈÅ!ôï	•“F‚Ã«mŠ:øB­0gÛ8nnà&,ô‚`\Ífy­±ÕÁA>86 #ª!‰¬v†‰bIPp¬R"ëóÓ#ç¨*àBódŸ–ËJ4QÈwÕ[RÌ"´‘	kz›×8£ú ê™?‰5 Žöé¨œýhy²]ùK¢U\°j5«Ú¿õÖù;³2=ŸKñ‚#›,}Œïª&IsFhºH¤g•“F‚Ã«mŠ:øB­0g^¤–4Ëæ¿TKŠ¾&AH9(‘#·6dY>â/^¤–4Ëæ¿TKŠ¾&AH9(‘#·6dY>â/q*Ù“oÔS–ðÈœÜÍDQP‡^®N½Î†*h4§ñ‹÷È«|õ¿ßFÄoÝî _‘l¶)ôî·
à/×øÝÿ	Û8nnà&,ô‚`\ÍfÛ;UŒ˜×H
'„°V	Ø30Y±ËÅá2œ¬Î4<Ë~;Í}Õ9”ïa¦3K%Ÿ¤"-ÐØcFC™Ä¶ôêT6%rI^Œ94€6n6uÖz—€pš` ÝÓv±·ûß±¿¸Ú²åÛäÙ2,þÛ8nnà&,ô‚`\Ífy†óÇLº¡9ñ`Žägö‰¸®•#‰ŒŒq°×v6Zß&¤"-ÐØcFC™Ä¶ôêt³Æ¹Ó;Fîq¿y2«KG3þ@)ô~9ù.PÃ?úÛ8nnà&,ô‚`\Ífâ5||—;Ün^Ãwë}q@a<´¡Ûð“Ú*7[HºkÕ°ø\ÌÅ¾,G»æÞ4|žSáÁ7Ü<ÄØå¥µ*kÄBy¥Æ	(¼÷Ýá|Ð‡:LÛ9ÞŠÀGPå’Fªjtä–Šöüá28æ'0s–£š¤"-ÐØcFC™Ä¶ôêW'ƒ|·Ûm5aÆÌH§{Mø¢kfdx"WJts!ëOÙ‹`r ðóþØcÎzÛ8nnà&,ô‚`\ÍfrÎOOz¬.åµÿÜµL´1t;ÌÀ³ÞÊp±A9XE™ø¾h£ß«žìVß²Bý©ð.ðBiì™ú„%ìžÂUÓêÚŽ+å(€AqßŠÀ6F;ÚŸ©SÓ•ëß·@£ç¥þ‡–˜Û8nnà&,ô‚`\ÍfÐ¦¹-ûtê.ry-zÛ8nnà&,ô‚`\ÍfL6ôñ°\ª÷&I¾P•ÿ.¼ÛÊåTO›¼¼‰o‡ª¸ß[ìa3:•÷4•,”xD°éÛ8nnà&,ô‚`\Íft,Ý—»c8²IaMH³«<AÛ8nnà&,ô‚`\Íf ˆµìúð`|µ÷šTÅSï•x…4H–¨I]o[Û8nnà&,ô‚`\Ífèé§NDËïéi‡Ç¤"-ÐØcFC™Ä¶ôêÛ8nnà&,ô‚`\ÍfXÄ›Z®L9ùTnÆ€+rä\F“íðËÎ	=¶ným'Æ.Å¨° GI`Í«¬G3þþÛ8nnà&,ô‚`\Íft,Ý—»c8²IaMH³«<AÛ8nnà&,ô‚`\Íf¬ê5M GP)!ˆ"U•Lüt;×¶>}õ6wj¡LÙÚsöŸª3ª¿;t@€È8ˆ‹ø”BÈˆðxöŸ†µìZDYs?àñs-³
¸¤"-ÐØcFC™Ä¶ôê#!ø£(L}fË?÷ËþbœDQP‡^®N½Î†*h4§Û8nnà&,ô‚`\ÍfÃé9é‹mPéwÆãþ(òîÝmú6m.^¥-ÐÌž†øP6ÿOŸJ5ƒËû¼RÔ	O›#Û8nnà&,ô‚`\Íf9µ²i<çŽGd·Ó1VÛ8nnà&,ô‚`\Íf°s")é0³ñèßjé~Bº	ßµ¨÷Ñr*Þ©‘×è”÷;±…Ô6swšy¿^¬Bˆ©íUÈT¼”ôÐp,¥.úNË!.v™k»â®1àãõE©4îÙ{¾xJQç•gøŒò¿Û8nnà&,ô‚`\ÍfãOÀQè+µ·œêµÌ~½F°!lã¢àÎü&c89´Û`$gÅêYDjÀÛ8nnà&,ô‚`\ÍfëÒ¼ŽóoQTíÕWÒo”Í?Ž°z(¯DÜ9Ë+%3PÏg¯žSHzqq="http://jsfiddle.net/jqwidgets/ymvnb1uk/">disabled is set to true</a>
                            </div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td class="documentation-option-type-click">
                        <span id='Span2'>height</span>
                    </td>
                    <td>
                        <span>Number/String</span>
                    </td>
                    <td>null
                    </td>
                </tr>
                <tr>
                    <td colspan='3' style='width: 100%'>
                        <div class="documentation-option-description property-content" style="display: none;">
                            <p>
                                Sets or gets the NavBar's height.
                            </p>
                            <h4>Code examples</h4>
                            <p>
                                Set the <code>height</code> property.
                            </p>
                            <pre><code>$("#jqxNavBar").jqxNavBar({ height: 30 });</code></pre>
                            <p>
                                Get the <code>height</code> property.
                            </p>
                            <pre><code>var height = $('#jqxNavBar').jqxNavBar('height');</code></pre>
                            <div style="padding-bottom: 5px;">
                                <em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/3hr03zcm/">height is set to 40</a>
                            </div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td class="documentation-option-type-click">
                        <span id='Span4'>minimized</span>
                    </td>
                    <td>
                        <span>Boolean</span>
                    </td>
                    <td>false
                    </td>
                </tr>
                <tr>
                    <td colspan='3' style='width: 100%'>
                        <div class="documentation-option-description property-content" style="display: none;">
                            <p>
                                Defines whether the NavBar is minimized.
                            </p>
                            <h4>Code examples</h4>
                            <p>
                                Set the <code>minimized</code> property.
                            </p>
                            <pre><code>$("#jqxNavBar").jqxNavBar({ minimized: true);</code></pre>
                            <p>
                                Get the <code>minimized</code> property.
                            </p>
                            <pre><code>var minimized = $('#jqxNavBar').jqxNavBar('minimized');</code></pre>
                            <div style="padding-bottom: 5px;">
                                <em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/gt3cp95w/">minimized is set to true</a>
                            </div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td class="documentation-option-type-click">
                        <span id='Span7'>minimizeButtonPosition</span>
                    </td>
                    <td>
                        <span>String</span>
                    </td>
                    <td>'left'
                    </td>
                </tr>
                <tr>
                    <td colspan='3' style='width: 100%'>
                        <div class="documentation-option-description property-content" style="display: none;">
                            <p>
                                Defines the position of the Toggle Button in the minimized state.
                            </p>
                            <h4>Code examples</h4>
                            <p>
                                Set the <code>minimizeButtonPosition</code> property.
                            </p>
                            <pre><code>$("#jqxNavBar").jqxNavBar({ minimizeButtonPosition: "right");</code></pre>
                            <p>
                                Get the <code>minimizeButtonPosition</code> property.
                            </p>
                            <pre><code>var minimizeButtonPosition = $('#jqxNavBar').jqxNavBar('minimizeButtonPosition');</code></pre>
                            <div style="padding-bottom: 5px;">
                                <em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/f4wv2hsj/">minimizeButtonPosition is set to "right"</a>
                            </div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td class="documentation-option-type-click">
                        <span id='Span8'>minimizedHeight</span>
                    </td>
                    <td>
                        <span>Number</span>
                    </td>
                    <td>30
                    </td>
                </tr>
                <tr>
                    <td colspan='3' style='width: 100%'>
                        <div class="documentation-option-description property-content" style="display: none;">
                            <p>
                                Defines the NavBar's height in minimized state.
                            </p>
                            <h4>Code examples</h4>
                            <p>
                                Set the <code>minimizedHeight</code> property.
                            </p>
                            <pre><code>$("#jqxNavBar").jqxNavBar({ minimizedHeight: 40);</code></pre>
                            <p>
                                Get the <code>minimizedHeight</code> property.
                            </p>
                            <pre><code>var minimizedHeight = $('#jqxNavBar').jqxNavBar('minimizedHeight');</code></pre>
                            <div style="padding-bottom: 5px;">
                                <em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/toev1mh9/">minimizedHeight is set to 40</a>
                            </div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td class="documentation-option-type-click">
                        <span id='Span10'>minimizedTitle</span>
                    </td>
                    <td>
                        <span>String/HTML Element</span>
                    </td>
                    <td>""
                    </td>
                </tr>
                <tr>
                    <td colspan='3' style='width: 100%'>
                        <div class="documentation-option-description property-content" style="display: none;">
                            <p>
                                Defines the NavBar's Title in minimized state.
                            </p>
                            <h4>Code examples</h4>
                            <p>
                                Set the <code>minimizedTitle</code> property.
                            </p>
                            <pre><code>$("#jqxNavBar").jqxNavBar({ minimizedTitle: 'Title');</code></pre>
                            <p>
                                Get the <code>minimizedTitle</code> property.
                            </p>
                            <pre><code>var minimizedTitle = $('#jqxNavBar').jqxNavBar('minimizedTitle');</code></pre>
                            <div style="padding-bottom: 5px;">
                                <em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/wm40g9bj/">minimizedTitle is set to custom element.</a>
                            </div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td class="documentation-option-type-click">
                        <span id='Span11'>orientation</span>
                    </td>
                    <td>
                        <span>String</span>
                    </td>
                    <td>"horizontal"
                    </td>
                </tr>
                <tr>
                    <td colspan='3' style='width: 100%'>
                        <div class="documentation-option-description property-content" style="display: none;">
                            <p>
                                Defines the NavBar's orientation. Possible values: "horizontal", "vertical".
                            </p>
                            <h4>Code examples</h4>
                            <p>
                                Set the <code>orientation</code> property.
                            </p>
                            <pre><code>$("#jqxNavBar").jqxNavBar({ orientation: 'vertical');</code></pre>
                            <p>
                                Get the <code>orientation</code> property.
                            </p>
                            <pre><code>var orientation = $('#jqxNavBar').jqxNavBar('orientation');</code></pre>
                            <div style="padding-bottom: 5px;">
                                <em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/kx87dw55/">orientation is set to "vertical".</a>
                            </div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td class="documentation-option-type-click">
                        <span id='Span9'>popupAnimationDelay</span>
                    </td>
                    <td>
                        <span>Number</span>
                    </td>
                    <td>250
                    </td>
                </tr>
                <tr>
                    <td colspan='3' style='width: 100%'>
                        <div class="documentation-option-description property-content" style="display: none;">
                            <p>
                                Defines the animation speed of the NavBar's Popup in minimized state.
                            </p>
                            <h4>Code examples</h4>
                            <p>
                                Set the <code>popupAnimationDelay</code> property.
                            </p>
                            <pre><code>$("#jqxNavBar").jqxNavBar({ popupAnimationDelay: 400);</code></pre>
                            <p>
                                Get the <code>minimized</code> property.
                            </p>
                            <pre><code>var popupAnimationDelay = $('#jqxNavBar').jqxNavBar('popupAnimationDelay');</code></pre>
                            <div style="padding-bottom: 5px;">
                                <em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/se8fowet/">popupAnimationDelay is set to 400</a>
                            </div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td class="documentation-option-type-click">
                        <span id='Span14'>rtl</span>
                    </td>
                    <td>
                        <span>Boolean</span>
                    </td>
                    <td>false
                    </td>
                </tr>
                <tr>
                    <td colspan='3' style='width: 100%'>
                        <div class="documentation-option-description property-content" style="display: none;">
                            <p>
                                Sets or gets a value indicating whether widget's elements are aligned to support
                                                                                    locales using right-to-left fonts.
                            </p>
                            <h4>Code examples</h4>
                            <p>
                                Set the <code>rtl</code> property.
                            </p>
                            <pre><code>$("#jqxNavBar").jqxNavBar({ rtl: false});</code></pre>
                            <p>
                                Get the <code>rtl</code> property.
                            </p>
                            <pre><code>var rtl = $('#jqxNavBar').jqxNavBar('rtl');</code></pre>
                            <div style="padding-bottom: 5px;">
                                <em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/jb6tfjnm/">rtl is set to true</a>
                            </div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td class="documentation-option-type-click">
                        <span id='Span12'>selection</span>
                    </td>
                    <td>
                        <span>Boolean</span>
                    </td>
                    <td>true
                    </td>
                </tr>
                <tr>
                    <td colspan='3' style='width: 100%'>
                        <div class="documentation-option-description property-content" style="display: none;">
                            <p>
                                Sets or gets whether the items can be selected.
                            </p>
                            <h4>Code examples</h4>
                            <p>
                                Set the <code>selection</code> property.
                            </p>
                            <pre><code>$("#jqxNavBar").jqxNavBar({ selection: false });</code></pre>
                            <p>
                                Get the <code>selection</code> property.
                            </p>
                            <pre><code>var selection = $('#jqxNavBar').jqxNavBar('selection');</code></pre>
                            <div style="padding-bottom: 5px;">
                                <em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/04ezy8p5/">selection is set to false</a>
                            </div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td class="documentation-option-type-click">
                        <span id='Span6'>selectedItem</span>
                    </td>
                    <td>
                        <span>Number</span>
                    </td>
                    <td>0
                    </td>
                </tr>
                <tr>
                    <td colspan='3' style='width: 100%'>
                        <div class="documentation-option-description property-content" style="display: none;">
                            <p>
                                Sets or gets the selected item. The property is taken into account when <code>selection</code> is true.
                            </p>
                            <h4>Code examples</h4>
                            <p>
                                Set the <code>selectedItem</code> property.
                            </p>
                            <pre><code>$("#jqxNavBar").jqxNavBar({ selectedItem: 0 });</code></pre>
                            <p>
                                Get the <code>selectedItem</code> property.
                            </p>
                            <pre><code>var selectedItem = $('#jqxNavBar').jqxNavBar('selectedItem');</code></pre>
                            <div style="padding-bottom: 5px;">
                                <em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/pbrh1m6y/">selectedItem is set to 1</a>
                            </div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td class="documentation-option-type-click">
                        <span id='Span63'>theme</span>
                    </td>
                    <td>
                        <span>String</span>
                    </td>
                    <td>''
                    </td>
                </tr>
                <tr>
                    <td colspan='3' style='width: 100%'>
                        <div class="documentation-option-description property-content" style="display: none;">
                            <p>
                                Sets the widget's theme.
                            </p>
                            jQWidgets uses a pair of css files - jqx.base.css and jqx.[theme name].css. The
                                                                                base stylesheet creates the styles related to the widget's layout like margin, padding,
                                                                                border-width, position. The second css file applies the widget's colors and backgrounds.
                                                                                The jqx.base.css should be included before the second CSS file. In order to set
                                                                                a theme, you need to do the following:
                                                                                <ul>
                                                                                    <li>Include the theme's CSS file after jqx.base.css.<br />
                                                                                        The following code example adds the 'fresh' theme.
                                                                                        <pre><code>&lt;link rel=&quot;stylesheet&quot; href=&quot;../../jqwidgets/styles/jqx.base.css&quot;type=&quot;text/css&quot;/&gt;
&lt;link rel=&quot;stylesheet&quot; href=&quot;../../jqwidgets/styles/jqx.fresh.css&quot; type=&quot;text/css&quot; /&gt;</code></pre>
                                                                                    </li>
                                                                                    <li>Set the widget's theme property to 'fresh' when you initialize it.
                                                                                        <pre><code>$('#jqxNavBar').jqxNavBar({ theme: 'fresh' });</code></pre>
                                                                                    </li>
                                                                                </ul>
                            <div style="padding-bottom: 5px;">
                                <em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/768archp/">theme
                                                                                        is set to 'fresh'
                                </a>
                            </div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td class="documentation-option-type-click">
                        <span id='Span1'>width</span>
                    </td>
                    <td>
                        <span>Number/String</span>
                    </td>
                    <td>'100%'
                    </td>
                </tr>
                <tr>
                    <td colspan='3' style='width: 100%'>
                        <div class="documentation-option-description property-content" style="display: none;">
                            <p>
                                Sets or gets the NavBar's width.
                            </p>
                            <h4>Code examples</h4>
                            <p>
                                Set the <code>width</code> property.
                            </p>
                            <pre><code>$("#jqxNavBar").jqxNavBar({ width: '90%' });</code></pre>
                            <p>
                                Get the <code>width</code> property.
                            </p>
                            <pre><code>var width = $('#jqxNavBar').jqxNavBar('width');</code></pre>
                            <div style="padding-bottom: 5px;">
                                <em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/2pq9rvk0/">width is set to '90%'</a>
                            </div>
                        </div>
                    </td>
                </tr>

                <tr>
                    <td colspan='3' style='width: 100%'>
                        <h2 class="documentation-top-header">Events</h2>
                    </td>
                </tr>
                <tr>
                    <td class="documentation-option-type-click">
                        <span id='Span27'>change</span>
                    </td>
                    <td>
                        <span>Event</span>
                    </td>
                    <td></td>
                </tr>
                <tr>
                    <td colspan='3' style='width: 100%'>
                        <div class="documentation-option-description property-content" style="display: none;">
                            <p>
                                This event is triggered when the user selects an item.
                            </p>
                            <h4>Code examples</h4>
                            <p>
                                Bind to the <code>change</code> event by type: jqxNavBar.
                            </p>
                            <pre><code>$('#jqxNavBar').on('change', function () { // Some code here. }); </code></pre>
                            <div style="padding-bottom: 5px;">
                                <em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/4j8cvhso/">Bind to the change event by type: jqxNavBar.</a>
                            </div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td colspan='3' style='width: 100%'>
                        <h2 class="documentation-top-header">Methods</h2>
                    </td>
                </tr>
                <tr>
                    <td class="documentation-option-type-click">
                        <span id='Span15'>close</span>
                    </td>
                    <td>
                        <span>Method</span>
                    </td>
                    <td></td>
                </tr>
                <tr>
                    <td colspan='3' style='width: 100%'>
                        <div class="documentation-option-description property-content" style="display: none;">
                            <p>
                                When NavBar is minimized, closes the popup.
                            </p>
                             <div class="methodArgs">
                                <table class="arguments">
                                    <tbody>
                                        <tr>
                                            <th>Parameter</th>
                                            <th>Type</th>
                                            <th>Description</th>
                                        </tr>
                                        <tr>
                                            <td><em>None</em></td>
                                            <td></td>
                                            <td></td>
                                        </tr>                                  
                                    </tbody>
                                </table>
                                <strong>Return Value</strong><br /> 
                                <em>None</em>
                            </div>
                            <h4>Code examples</h4>
                            <p>
                                Invoke the <code>close</code> method.
                            </p>
                            <pre><code>$("#jqxNavBar").jqxNavBar('close'); </code></pre>
                            <div style="padding-bottom: 5px;">
                                <em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/eyxc62h5/">closes the popup of minimized NavBar.</a>
                            </div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td class="documentation-option-type-click">
                        <span id='Span21'>destroy</span>
                    </td>
                    <td>
                        <span>Method</span>
                    </td>
                    <td></td>
                </tr>
                <tr>
                    <td colspan='3' style='width: 100%'>
                        <div class="documentation-option-description property-content" style="display: none;">
                            <p>
                                Destroys the jqxNavBar widget.
                            </p>
                               <div class="methodArgs">
                                <table class="arguments">
                                    <tbody>
                                        <tr>
                                            <th>Parameter</th>
                                            <th>Type</th>
                                            <th>Description</th>
                                        </tr>
                                        <tr>
                                            <td><em>None</em></td>
                                            <td></td>
                                            <td></td>
                                        </tr>                                  
                                    </tbody>
                                </table>
                                <strong>Return Value</strong><br /> 
                                <em>None</em>
                            </div>
                            <h4>Code examples</h4>
                            <p>
                                Invoke the <code>destroy</code> method.
                            </p>
                            <pre><code>$('#jqxNavBar').jqxNavBar('destroy'); </code></pre>
                            <div style="padding-bottom: 5px;">
                                <em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/g0h9x1tL/">destroys the jqxNavBar.</a>
                            </div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td class="documentation-option-type-click">
                        <span id='Span29'>getSelectedIndex</span>
                    </td>
                    <td>
                        <span>Method</span>
                    </td>
                    <td></td>
                </tr>
                <tr>
                    <td colspan='3' style='width: 100%'>
                        <div class="documentation-option-description property-content" style="display: none;">
                            <p>
                                Gets the index of the selected item. The returned value is the index of the selected item. If there's no selected item, -1 is returned.
                            </p>
                                                        <div class="methodArgs">
                                <table class="arguments">
                                    <tbody>
                                        <tr>
                                            <th>Parameter</th>
                                            <th>Type</th>
                                            <th>Description</th>
                                        </tr>
                                        <tr>
                                            <td><em>None</em></td>
                                            <td></td>
                                            <td></td>
                                        </tr>                                  
                                    </tbody>
                                </table>
                                <strong>Return Value</strong><br /> 
                                <em>Number</em>
                            </div>
                            <h4>Code examples</h4>
                            <p>
                                Invoke the <code>getSelectedIndex</code> method.
                            </p>
                            <p>
                                // @param Number
                            </p>
                            <pre><code>var index = $("#jqxNavBar").jqxNavBar('getSelectedIndex'); </code></pre>
                            <div style="padding-bottom: 5px;">
                                <em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/3t2t04y8/">returns the selected item's index and displays it</a>
                            </div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td class="documentation-option-type-click">
                        <span id='Span5'>open</span>
                    </td>
                    <td>
                        <span>Method</span>
                    </td>
                    <td></td>
                </tr>
                <tr>
                    <td colspan='3' style='width: 100%'>
                        <div class="documentation-option-description property-content" style="display: none;">
                            <p>
                                When NavBar is minimized, opens the popup.
                            </p>
                            <div class="methodArgs">
                                <table class="arguments">
                                    <tbody>
                                        <tr>
                                            <th>Parameter</th>
                                            <th>Type</th>
                                            <th>Description</th>
                                        </tr>
                                        <tr>
                                            <td><em>None</em></td>
                                            <td></td>
                                            <td></td>
                                        </tr>                                  
                                    </tbody>
                                </table>
                                <strong>Return Value</strong><br /> 
                                <em>None</em>
                            </div>
                            <h4>Code examples</h4>
                            <p>
                                Invoke the <code>open</code> method.
                            </p>
                            <pre><code>$("#jqxNavBar").jqxNavBar('open'); </code></pre>
                            <div style="padding-bottom: 5px;">
                                <em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/egaqu8p0/">opens the popup of minimized NavBar.</a>
                            </div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td class="documentation-option-type-click">
                        <span id='Span16'>selectAt</span>
                    </td>
                    <td>
                        <span>Method</span>
                    </td>
                    <td></td>
                </tr>
                <tr>
                    <td colspan='3' style='width: 100%'>
                        <div class="documentation-option-description property-content" style="display: none;">
                            <p>
                                Selects the item with indicated index. Index is a number.
                            </p>
                               <div class="methodArgs">
                                <table class="arguments">
                                    <tbody>
                                        <tr>
                                            <th>Parameter</th>
                                            <th>Type</th>
                                            <th>Description</th>
                                        </tr>
                                        <tr>
                                            <td><em>index</em></td>
                                            <td>Number</td>
                                            <td></td>
                                        </tr>                                  
                                    </tbody>
                                </table>
                                <strong>Return Value</strong><br /> 
                                <em>None</em>
                            </div>
                            <h4>Code examples</h4>
                            <p>
                                Invoke the <code>selectAt</code> method.
                            </p>
                            <p>
                                // @param index - Number
                            </p>
                            <pre><code>$('#jqxNavBar').jqxNavBar('selectAt', 1); </code></pre>
                            <div style="padding-bottom: 5px;">
                                <em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/chw01tqh/">selects item in the jqxNavBar</a>
                            </div>
                        </div>
                    </td>
                </tr>


            </table>
            <br />
        </div>
 </body>
</html>