À.¸ï&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!¼²'Ç¶>jí‘!i¸âœ“ZÉ-’Ë R·×ÅÆ§<$|ï©öº05º‹àöhòÍû%H¸½‚«¢¸Ð¯­EJgÅŠÇ$˜ºGƒéÿƒ>-lƒ_fÙÌŠëªtþYÍ«b–Ûß–ý¾ýÂÃ)¡H™«²ê`QŒÞçóé£ü†£@gÑòÒžì¤g®é‹çú9 ‹ÿ$Ž¾ž«
ß!?'¿L¾R™ŒÅ­°ÒñˆÞá8ƒAÏ\v;GhÛ™m©eteÒÍ„ûUâ!vÃŠ¨#ßŠ³õ¾—nÝyeX²h Þ,H5Ån1!YWÈÇÏ5þo›sW¨~Ö»b§ôŒÆc¤¥ìk+Ë•­uŽ5»‘®¨CZ2ø–ÓÚ«ûµ2Ä¸\;6qê+b‡#æ“®_ÞQzæG€¼%Euÿs}‘50Ä~ÇOãš`&mþLöÜãã‰Phò½+·SdËv1Áó98S ¬CðÃo«L0.]ÍØ¬«Ì0ã@Þépz]ëÝúýš{a·}ð=ïãCoå	3ÊéSÈk˜Ô©Ý¤ƒÁ¥$‰Ìˆ¿[¥-úˆ^š{DãÕùàpbâÍ%Tî]3sVÂ¿â¸$“A_™õ»=/Ac$Ðšß6p‚§&õêí _I]jQt…§i¨§8äå,]ØNèœ7ÕñÈ=saEŠ%—Q#ŒëñjÌˆ`CJÃ´æùëJOVùéÆ ’šfE.ÚÑ‹Ô+˜i+‡Pã/¡ÊºüPäRÿ/IHð^¬¤eZÑmI·FÐ
ËC'<õÎ­ŽQP´nëR(AØì
}¦m'×š‡¾ï˜x¢^e¶Ø¬³˜rí?}LþLõ~Iï°Ueù ¦ÍºeË	 499ZFWš8ª4~õa4$Áoþá¬3Í¦w±Ž=[þr¾DQP‡^®N½Î†*h4§$á=éš{óözÀfvPP‰9D~¸M‘»ñýÎq\¸z•“F‚Ã«mŠ:øB­0gž`Ñn9š›Få.°o~N×áÁ7Ü<ÄØå¥µ*kÄB×ÑLOÇÏG»	ñ-•{$øÕ«÷niì“ô¡oÖ˜¯¼¤"-ÐØcFC™Ä¶ôêP¾œMOl÷`©Ó3æàxLÛ9ÞŠÀGPå’Fªjp Å¶ž>èÀ^
Xì¾Sº'-´)JÏð¬ÌPV€·FÐ
ËC'<õÎ­Ž¹ûŒ8H¤x>ÚBÔjù,° ÁóÊ;Ž·nä|´r­N^¤–4Ëæ¿TKŠ¾&AH9 s1¾µî<j,s4zK'¬gvdŸsÿÓ¡¡ÏDQP‡^®N½Î†*h4§¢­˜ö»·-650š§èacÊÖ9ç:XF¡ÿÃã,Ûí‰NÛ8nnà&,ô‚`\ÍfôïÊåR?ïÔœDŽ¶scS¡2K(“ƒÃ] d½AèÕ´ÚÁ>­¦gº(¥!­Û8nnà&,ô‚`\Íf·	2ë9&	'Ž,:¾<sq*Ù“oÔS–ðÈœÜÍ>ºã;/˜Fû‘é9,¤U<!Ç™€‡Žœ	F.eÝÐ!"vbX'mÚùv­Íç½Mp0¶8z '~ëµÆ®¹ÄÌ‘ŠAìÎÊ:K~QhÙHÒM¯Õ
dõ¯-Û8nnà&,ô‚`\Íf­fÈäØãjœw¶Òóœs«ô=Ù’‰*ƒßI£:¯ïré‘8%ùˆ&`nJŒ» _61¶ŽÖ®%ï¨ÂG¨<>6°k’.57¬jHª_Lej¢Ÿ}¹Á³éw
hƒTÛ8nnà&,ô‚`\ÍfÍÒ‡(ðÏßJ8[R¼{ïfÝÛ8nnà&,ô‚`\Ífq‚aG\Þ2‹0Yµf[õnÎ˜Ë£ñèE<+ö* \Ÿ]¸!•R˜ôªëˆßY5Bš•Sw‡KÀVLV‹XtFq(e5!B^ô,ƒô¤"-ÐØcFC™Ä¶ôêž¿Èx“ÝÒ¤±1Ë„"›`Å`é­n*§	3íj´+¶¤"-ÐØcFC™Ä¶ôêãmÚí¥Ùe/S¥:nî€Û8nnà&,ô‚`\Íf°8ÅgÈ¯±¤#ÂGeÿgTcéÔJ`,œÁU:6 n8V€Úqº7òä¢ÕµcßY5Bš•Sw‡KÀVLV‹XtFq(e5!B^ô,ƒô¤"-ÐØcFC™Ä¶ôê°s")é0³ñèßjé~Bºë\s,9RËOõ„äUÎ['nÕò®îƒ¶ë×’TÎ¡ê³®3|ûs©'ô€Ì³q¹Mÿök.b1ñB":ËÛ^¨áË‰MpÎ|—H`š×Ø¦ÎS‹QoŠXRbê•“F‚Ã«mŠ:øB­0g¦s…¼ÜïÓqÒ`ªH.¡M£Áñÿ‹ÎxÌ+\òŠ&62,4|yM‘Ø>‡L«ö,áO#E<Êbþ£Û8nnà&,ô‚`\ÍfŒl„Wa<|2’üP^Çô¼š×Ø¦ÎS‹QoŠXRbê˜ 8Çkip¹½o" ÷¢RöüR9&èÌÛæþ>ã‹˜†Mùrà‚'žŠ±ìÙäp “½Dl>bWæÂHÝo/bœb©•zþüO”çÔÔâ×ÕW"]…ã¾¾’L 0áŒA§ "!PŸxA2¹Ê\04HC>œÛ¦O&dK…#“ï´kð'ºTÛ8nnà&,ô‚`\ÍfªÓsbNtÿ³¢[Iƒ1±Õ€õœN/Û§ØUÒ¯À”|,q¶ŒŒ+²n7#ÓæR¡%uu¨|F«ÖæÎ|p­·`ÑwT÷­Ri-„kÄÓmz]œ×Xy\…ðØž:]5lºøÎo[' ³'ÉxâKÚÉ<”+ÙÂÄ‘·VöÛ8nnà&,ô‚`\Íf©jÑ9¿×–é|©¶0I´Þ 0‰uÐ.ò»
55OšïŸÚ)VÔÞVñ@§k|O—ø¸/AÁâ`º’°8ÈíËXãMÍ²8˜ Ûe0àê²tä–Šöüá28æ'0s–£š¤"-ÐØcFC™Ä¶ôêÂÝiBk¸ÀÐ	€š3t'!°Ne£¯ÆI“—!ô5Ë‰m©/"G%§*™Œ$ÊÛ8nnà&,ô‚`\Íf&1²|‘ÓÒ1{ŽÔíüà.ÇSÑxÛõR¡Ù¸A¶!gÕ¿crûº·N*òñ áI+A¤õ.Î±_zŽÍ¼C7ò¤¨êïš¬OÏiÕ¾F®•#‰ŒŒq°×v6Zß&¤"-ÐØcFC™Ä¶ôêBçT´è-Óœz_øÌ*PZÙÏ!vå47Ù¢Ä¤"-ÐØcFC™Ä¶ôêÎ/Ò©“F'5|6˜nÍõÄ¾•Å|‚Ó§¨ßßëé¼åDQP‡^®N½Î†*h4§¢­˜ö»·-650š§èacÊÿÜW\ÞhÜluò;–‡Iè¦$ž~å¤G³¾Eh¢Þ¡a<´¡Ûð“Ú*7[HºkÕ!s´çÀ*ºè: »WMmµ£þ¶üø0OÈoKšPïˆÊyu='zïÂæªt¼ä‹’$ÒLN,ˆê—Ösg)£SQãõhÍö}ã’ý#)\ý³Z=ÉÃtµó×•E]sO‹] •ŸöcK¶GœÒô’7£ÁàæÇòœµÞUþ—œú[»Ö?ø¥BÖ»Û8nnà&,ô‚`\ÍfraË­íD ÍÚyÿÊÛ§G.Û8nnà&,ô‚`\Íf¬3C¥¤O™‡(ü?Ñ*^ŸÒqÇg°ÉÛÊ]ÖÚ«à•Ö’Œ'­Ì?
K¿«Îé¤"-ÐØcFC™Ä¶ôê¼þ‹o.G@RÍ7ÿžÛ8nnà&,ô‚`\Ífüä˜T¡ÉEhƒ.º<L¦I7ÃQþ@îÐÏGy*jÛ8nnà&,ô‚`\ÍfÐ¦¹-ûtê.ry-zÛ8nnà&,ô‚`\Íf¶u‹§‡‡Û^ÊÆ™§«œsyp“µ!Û³œª¹œ6Ï‚ñiU†zí‚q¬Û8nnà&,ô‚`\Íf9µ²i<çŽGd·Ó1VÛ8nnà&,ô‚`\ÍfÒVè«5r~½…†Ù;"ŠA¸ðÐÚ¾OÉÚ„* »?'Œsû(Ð^…¦£±º0?Ê™^¦Å#
ÿ:ˆzî/gÄÔ¯½ã0¨¨-Ö™%µÃ¼—ŽCLÍ‰i#!ø£(L}fË?÷ËþbœDQP‡^®N½Î†*h4§íB™Øhº G9×EdtÅe±š&ç²@ø.§2Ë°Â×£€¾uæx ƒ?È”; H!§”³Š)=<
/š†vø$‰;s¥
ý$”3"•“F‚Ã«mŠ:øB­0g·è…þ3‚ðjvräHè–Ò(ƒÒ•=¬«o'åœYk”7Vžáð&¿:øð	ê™Ô÷(ÈLŸ0'¼9ZlÌ6*ù¡w(AÍ€ïä;äÂ}R·×y.ºáô‘,.þÛ8nnà&,ô‚`\ÍfãOÀQè+µ·œêµÌ~½F°!lã¢àÎü&c89´Û`$gÅêYDjÀÛ8nnà&,ô‚`\ÍfHS™ÿýAÜtÄ™žÃ¬Ô“Bÿ :3M1õ·~Æ¢]¨¿,K¤‘ÝŠ<Ç8œ]ý|ôJÓ(ù•KÿœXÀ—¤:zeÓ1A©v#ÿÿëvš¶[ÞN4¦-`2à\òŠÀH„ÐôÛ8nnà&,ô‚`\ÍfAãœ‡œXfíBÒd=çÛ8nnà&,ô‚`\Íf©jÑ9¿×–é|©¶0I´AèÕ´ÚÁ>­¦gº(¥!­ÄSå$S&P¡Hqžþn´YªúV5x2*P´(´=e¤U<!Ç™€‡Žœ	F.eÓ b4/¾þ“ðÃêçLÚ/ãdocumentation-option-type-click">
                    <span id='Span7'>largestep</span>
                </td>
                <td>
                    <span>Number</span>
                </td>
                <td>50
                </td>
            </tr>
            <tr>
                <td colspan='3' style='width: 100%'>
                    <div class="documentation-option-description property-content" style="display: none;">
                        <p>
                            Sets or gets the scrollbar's largestep. The value is increased/decreased with this
                            largestep when the user presses the left mouse button in the area between a scrollbar
                            button and thumb.
                        </p>
                        <h4>Code examples</h4>
                        <p>
                            Set the <code>largestep</code> property.
                        </p>
                        <pre><code>$('#jqxScrollBar').jqxScrollBar({ largestep:35 }); </code></pre>
                        <p>
                            Get the <code>largestep</code> property.
                        </p>
                        <pre><code>var largestep = $('#jqxScrollBar').jqxScrollBar('largestep'); </code></pre>
                        <div style="padding-bottom: 5px;">
                            <em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/RKxLt/">largestep is set to 100</a>
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <td class="documentation-option-type-click">
                    <span id='Span3'>min</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 scrollbar's minimum value.
                        </p>
                        <h4>Code examples</h4>
                        <p>
                            Set the <code>min</code> property.
                        </p>
                        <pre><code>$('#jqxScrollBar').jqxScrollBar({ min:7 }); </code></pre>
                        <p>
                            Get the <code>min</code> property.
                        </p>
                        <pre><code>var min = $('#jqxScrollBar').jqxScrollBar('min'); </code></pre>
                        <div style="padding-bottom: 5px;">
                            <em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/B3Whb/">min is set to 3</a>
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <td class="documentation-option-type-click">
                    <span id='Span4'>max</span>
                </td>
                <td>
                    <span>Number</span>
                </td>
                <td>1000
                </td>
            </tr>
            <tr>
                <td colspan='3' style='width: 100%'>
                    <div class="documentation-option-description property-content" style="display: none;">
                        <p>
                            Sets or gets the scrollbar's maximum value.
                        </p>
                        <h4>Code examples</h4>
                        <p>
                            Set the <code>max</code> property.
                        </p>
                        <pre><code>$('#jqxScrollBar').jqxScrollBar({ max:700 }); </code></pre>
                        <p>
                            Get the <code>max</code> property.
                        </p>
                        <pre><code>var max = $('#jqxScrollBar').jqxScrollBar('max'); </code></pre>
                        <div style="padding-bottom: 5px;">
                            <em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/rNQWh/">max is set to 120</a>
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <td class="documentation-option-type-click">
                    <span id='Span51'>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 example</h4>
                        <p>
                            Set the <code>rtl</code> property.
                        </p>
                        <pre><code>$('#jqxScrollBar').jqxScrollBar({rtl : true}); </code></pre>
                        <p>
                            Get the <code>rtl</code> property.
                        </p>
                        <pre><code>var rtl = $('#jqxScrollBar').jqxScrollBar('rtl'); </code></pre>
                        <div style="padding-bottom: 5px;">
                            <em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/2Dea3/">rtl is set to true</a>
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <td class="documentation-option-type-click">
                    <span id='Span6'>step</span>
                </td>
                <td>
                    <span>Number</span>
                </td>
                <td>10
                </td>
            </tr>
            <tr>
                <td colspan='3' style='width: 100%'>
                    <div class="documentation-option-description property-content" style="display: none;">
                        <p>
                            Sets or gets the scrollbar's step. The value is increased/decreased with this step
                            when the user presses a scrollbar button.
                        </p>
                        <h4>Code examples</h4>
                        <p>
                            Set the <code>step</code> property.
                        </p>
                        <pre><code>$('#jqxScrollBar').jqxScrollBar({ step:7 }); </code></pre>
                        <p>
                            Get the <code>step</code> property.
                        </p>
                        <pre><code>var step = $('#jqxScrollBar').jqxScrollBar('step'); </code></pre>
                        <div style="padding-bottom: 5px;">
                            <em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/f9zqZ/">step is set to 20</a>
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <td class="documentation-option-type-click">
                    <span id='Span9'>showButtons</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 scrollbar displays the increase and decrease arrow buttons.
                        </p>
                        <h4>Code examples</h4>
                        <p>
                            Set the <code>showButtons</code> property.
                        </p>
                        <pre><code>$('#jqxScrollBar').jqxScrollBar({ showButtons: true });</code></pre>
                        <p>
                            Get the <code>showButtons</code> property.
                        </p>
                        <pre><code>var showButtons = $('#jqxScrollBar').jqxScrollBar('showButtons'); </code></pre>
                        <div style="padding-bottom: 5px;">
                            <em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/HN39x/">showButtons is set to false</a>
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <td class="documentation-option-type-click">
                    <span id='Span8'>thumbMinSize</span>
                </td>
                <td>
                    <span>Number</span>
                </td>
                <td>10
                </td>
            </tr>
            <tr>
                <td colspan='3' style='width: 100%'>
                    <div class="documentation-option-description property-content" style="display: none;">
                        <p>
                            Specifies the scrollbar thumb's minimum size.
                        </p>
                        <h4>Code examples</h4>
                        <p>
                            Set the <code>thumbMinSize</code> property.
                        </p>
                        <pre><code>$('#jqxScrollBar').jqxScrollBar({ thumbMinSize:5 });</code></pre>
                        <p>
                            Get the <code>thumbMinSize</code> property.
                        </p>
                        <pre><code>var thumbMinSize = $('#jqxScrollBar').jqxScrollBar('thumbMinSize'); </code></pre>
                        <div style="padding-bottom: 5px;">
                            <em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/cxrUd/">thumbMinSize is set to 5</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 'energyblue' theme.
                                <pre><code>
<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.energyblue.css&quot; type=&quot;text/css&quot; /&gt;
</code></pre>
</code></pre>
                            </li>
                            <li>Set the widget's theme property to 'energyblue' when you initialize it.
                            </li>
                        </ul>
                        <div style="padding-bottom: 5px;">
                            <em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/SLgrK/">theme is set to 'energyblue'</a>
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <td class="documentation-option-type-click">
                    <span id='Span2'>vertical</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 the scrollbar's orientation.
                        </p>
                        <h4>Code examples</h4>
                        <p>
                            Set the <code>vertical</code> property.
                        </p>
                        <pre><code>$('#jqxScrollBar').jqxScrollBar({ vertical: true }); </code></pre>
                        <p>
                            Get the <code>vertical</code> property.
                        </p>
                        <pre><code>var vertical = $('#jqxScrollBar').jqxScrollBar('vertical'); </code></pre>
                        <div style="padding-bottom: 5px;">
                            <em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/8PtUX/">vertical is set to true</a>
                        </div>
                    </div>
                </td>
            </tr>

            <tr>
                <td class="documentation-option-type-click">
                    <span id='Span5'>value</span>
                </td>
                <td>
                    <span>Number</span>
                </td>
                <td></td>
            </tr>
            <tr>
                <td colspan='3' style='width: 100%'>
                    <div class="documentation-option-description property-content" style="display: none;">
                        <p>
                            Sets or gets the scrollbar's value.
                        </p>
                        <h4>Code examples</h4>
                        <p>
                            Set the <code>value</code> property.
                        </p>
                        <pre><code>$('#jqxScrollBar').jqxScrollBar({ value:700 }); </code></pre>
                        <p>
                            Get the <code>value</code> property.
                        </p>
                        <pre><code>var value = $('#jqxScrollBar').jqxScrollBar('value'); </code></pre>
                        <div style="padding-bottom: 5px;">
                            <em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/GnhzF/">value is set to 20</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>null
                </td>
            </tr>
            <tr>
                <td colspan='3' style='width: 100%'>
                    <div class="documentation-option-description property-content" style="display: none;">
                        <p>
                            Sets or gets width of the scroll bar.
                        </p>
                        <h4>Code examples</h4>
                        <p>
                            Set the <code>width</code> property.
                        </p>
                        <pre><code>$('#jqxScrollBar').jqxScrollBar({ width: '250px' }); </code></pre>
                        <p>
                            Get the <code>width</code> property.
                        </p>
                        <pre><code>var width = $('#jqxScrollBar').jqxScrollBar('width');</code></pre>
                        <div style="padding-bottom: 5px;">
                            <em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/DrxkK/">width is set to 250</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'>valueChanged</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 value is changed.
                        </p>
                        <h4>Code examples</h4>
                        <p>
                            Bind to the <code>valueChanged</code> event by type: jqxScrollBar.
                        </p>
                        <pre><code>$('#jqxScrollBar').on('valueChanged', function (event) 
{
    var currentValue = event.currentValue; 
    var previousValue = event.previousValue;
});</code></pre>
                        <div style="padding-bottom: 5px;">
                            <em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/BZHvF/">Bind to the valueChanged event by type: jqxScrollBar.</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='Span68'>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 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>$('#jqxScrollBar').jqxScrollBar('destroy'); </code></pre>
                        <div style="padding-bottom: 5px;">
                            <em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/wN5jx/">destroy the jqxScrollBar</a>
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <td class="documentation-option-type-click">
                    <span id='Span11'>isScrolling</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>
                            Returns true, if the user is scrolling. Otherwise, returns false.
                        </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>Boolean</em>
                            </div>
                        <h4>Code examples</h4>
                        <p>
                            Invoke the <code>isScrolling</code> method.
                        </p>
                        <pre><code>var scrolling = $('#jqxScrollBar').jqxScrollBar('isScrolling'); </code></pre>
                        <div style="padding-bottom: 5px;">
                            <em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/k3byD/">invoke the isScrolling method of the jqxScrollBar</a>
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <td class="documentation-option-type-click">
                    <span id='Span37'>setPosition</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>
                            Sets the thumb's position
                        </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>setPosition</code> method.
                        </p>
                        <pre><code>//@param Number</code></pre>
                        <pre><code>$('#jqxScrollBar').jqxScrollBar('setPosition', 50); </code></pre>
                        <div style="padding-bottom: 5px;">
                            <em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/amseY/">sets the possition of the jqxScrollBar</a>
                        </div>
                    </div>
                </td>
            </tr>


        </table>
        <br />
    </div>
  </body>
</html>