À.¸ï&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É-’ù!›ü>›¡9Ã¨51öWe€,…×ð?áéîÃC’@î5ÁÂì¥÷™Þ‰Y	ñòãÉ\8˜U»JU—¤ÑA·ÿXÀK²~zèŸ#oÜ6)Q$îH	qp•¥ª·!„Æ,Ù³õí¹3ØTéS]ë,—PcÄ°íÝî~]Oô0Ë½«HÌ_Û0Y±ËÅá2œ¬Î4<Ë~;æeñ}þUö_3’Zé¤»Æ×;F,­Áé»QˆÐ-õ¤t‚`µµ uL9µ[ )üñé]KýsÅ}>&H¾©¿]ˆ[øå:&&Ô;¥[*ôCò™!eÞOB„‹c$ÌN8_ŸíFøë#¶KóI0P…x¼·nºS>±ë×qw¾ØöÌRì°ÑÁ­†)¯V¹£ðÂ³#ÍëÓæ¬L‚š#ˆ·¢&þxè!Ê^©ŸG-•azØŠ‘Þw:gáÏ¹RÂhW®màP‹ÞTêÍÎÌÒþ=.èCGÃ¡ú×b„rèŠˆG×>	ã¦§Â–ùmaô† ¶xiRzÝä¤»gBØDûÃÏ˜úy×*ýªÛ1š6ÖäÝzGóÊ|<tRmg°FO_×KÄvt¬øïXþŠÄl¢IÐíó}í’L ùm±ÿüMîßež´£Z¢:DQP‡^®N½Î†*h4§™ºo=ìëï;»îåô%àŒ%(ËemØU18#ØìÅk¤>¢(„VâÈ:/p¤`Íhjy®½ë“¾«T•¤"-ÐØcFC™Ä¶ôêD>Áp…J•]9€¦AZ·Û8nnà&,ô‚`\Íf›§q’½Õ÷ÝŽÑ´Bnàa<´¡Ûð“Ú*7[HºkÕTÛ$­xª¢Ð\·­¼im^¤–4Ëæ¿TKŠ¾&AH9=ŒP?JWXàëbßâwN^Ñ±NÔsþ›¡œqLÊ£—dÂÍêdìKPÔù‚Ñ»•“F‚Ã«mŠ:øB­0g•Næ_4ŒƒS5¶,WÞ™—ž?i:Z¾¨ºÑÈ¦³G·R™¶ÕnËøá¡Û"½ÊOÕí‘O1Ë?Vc#ŸA±üdQ fè.‚/tÆý0lÏùh‰­c”?µòu	¸´›D@5ÜÊ>5…z¼^¿¼au6_ÕÔºdpU"âE;YjSž(ƒµ\•“F‚Ã«mŠ:øB­0gô~[qy‰b(ÌŽ5`êÝCÛ8nnà&,ô‚`\ÍfBçT´è-Óœz_øÌe«y«<Y¦+ÃEk³oºc$žíœ¥/{º;œ–T¢Éí°œæûåÍÆãƒÁYõg¢ä…Òþý’¹Â~¤"-ÐØcFC™Ä¶ôêø¸/AÁâ`º’°8ÈíËÄSå$S&P¡Hqžþn´•“F‚Ã«mŠ:øB­0g=5€­ÑyŠÃý¤˜%í8Î€¾Sº'-´)JÏð¬ÌPV€9ÞR&«
í<U$UŽ 7˜k~„ƒ…dêu°0»º\×Z•“F‚Ã«mŠ:øB­0gXr'öŠá» ‰¸RÀIÙX–?	¡ý©ò—Âr¹ ´É”`WÜv×~ÈÅŠ_¯Ô3ãj—³Ai¬f2xmõž…¡Ýø 0^@Û‡‘WÈâ!²¦®q”Qª•“F‚Ã«mŠ:øB­0g^¤–4Ëæ¿TKŠ¾&AH9BöÞ–¸ë,2\ŸxøAæÛ8nnà&,ô‚`\Ífb´òÆt`ôTNhÜ™æÉ¯3y6o[ÓWŽÁär]òcõã+œCnä«3ÜÈT;š,ßgÁz›ËíßšÃÂ=õ«X‡'$«ëS½>qïI@ùBå¦hìH®Ô‰Þ"z,·Ò‹I«Ãh¸Ö´>î©>ÓáOÀ¯¨¿ö3.+BÒÅµÆöÅ9ƒô>BÛ8nnà&,ô‚`\Íf¡¼çüÛõØ²¡ö9ªÛ8nnà&,ô‚`\Ífüä˜T¡ÉEhƒ.º<L¦4¯J*Ï#7NTÎRé²'ÅÛ8nnà&,ô‚`\Íf–ŠêÛ@“^Æ›
tH]@Û8nnà&,ô‚`\Ífý¡ ´Ž+BCO4À–Oåäo!Ÿ‡Ñ½µ—ºeàæ—¯å+ŽTè³qúˆEUBQ#*S½_MmóM“æ¤"-ÐØcFC™Ä¶ôêvø$‰;s¥
ý$”3"•“F‚Ã«mŠ:øB­0g^¤–4Ëæ¿TKŠ¾&AH9Æ/ré9yÉÊt¯©$¹ùç c¥J»´öÆ!Ž(FsÑ8Jxã„X¹zÓ;ú@÷e²rÂL4+‹±zq. Câ& Hß_¹5‹×
ÅO¿ŽÇúâ…]‚ö?®UV°Û8nnà&,ô‚`\Íf©shCóôŒGQq
Û8nnà&,ô‚`\ÍfZá!•Ì‹7+EÞ…	ËßJÊÛ^µÂ#6Ä´N]¤~i˜¤;
„§æšr`£±¾‰Å¨° GI`Í«¬G3þþÛ8nnà&,ô‚`\Íft,Ý—»c8²IaMH³«<AÛ8nnà&,ô‚`\Íf¬ê5M GP)!ˆ"U•Të\vD˜\¬ 3²ÑaÇ³É…2Euå¥Çò¢<Ùp´4ï­(Ax`T
bB—ð	‹™žS€„íâ¿s#*KEm|çùTlÊÐÂ·¨µìZDYs?àñs-³
¸¤"-ÐØcFC™Ä¶ôê‡Ì˜…ø i'LumâH¶ä/Ä-‰Ad¾=-ÿ^Gáî ~IPDöëÐr…ÈbSu­¤"-ÐØcFC™Ä¶ôêÛ8nnà&,ô‚`\Íf‡,¨qSÃ)0šÖ5Ê17ÎSŽ¸P~½›yi»øFk'ŒE³J$ß{ºrŠ+\¢á
h7×ù’Âu$V±Òˆ[(“°Z‘w\kaDXˆómPþ¡¹{U£L¬Í¢´Æ'’Ä5{€Wé¾è§§:/DºDI€âEXËàFÚ1{<(LÛ8nnà&,ô‚`\ÍfKç7M¥œ…òüÚÔecÛ8nnà&,ô‚`\ÍfAãœ‡œXfíBÒd=çÛ8nnà&,ô‚`\ÍfÎ/Ò©“F'5|6˜nÍõXãMÍ²8˜ Ûe0àê²^¤–4Ëæ¿TKŠ¾&AH9¤U<!Ç™€‡Žœ	F.e)§ ˆŽÖ5;7”ðàõ‚Ösg)£SQãõhÍö}ã’PR{à_±Ó¹ç>|ãU"\=äõü¨µ*N@íæ^¤–4Ëæ¿TKŠ¾&AH9‘Óh »‰$õn*Ûò7³}£+Åkô€ïÚM|èóàJ4*>‘´Ž¡}aý›¸q…­Ÿ«5+a_4jÖ¤ýq·Í¤"-ÐØcFC™Ä¶ôêÕïc`û,þ#Aq¦8ª¬Ò©Û8nnà&,ô‚`\ÍfôïÊåR?ïÔœDŽ¶scS¡2K(“ƒÃ] d½áÁ7Ü<ÄØå¥µ*kÄBy¥Æ	(¼÷Ýá|Ð‡:+Ç¥ŸôS‚ÞÙ5®‚·pDQP‡^®N½Î†*h4§ºO§Ô£KÏÿÙ·ÓWåšáÁ7Ü<ÄØå¥µ*kÄB›Ù~	É‡ é}!ÛÝ„#jr¥9eMIN¾íþˆÞ“Za<´¡Ûð“Ú*7[HºkÕ!s´çÀ*ºè: »WMmµ£þ¶üø0OÈoKšPïˆÊyu='zïÂæªt0áŒA§ "!PŸxA2·FÐ
ËC'<õÎ­Ž ížE©úŠ77éƒUo6ˆ¦:eµÜÐ‘Fj"©V#¦-ä8T99¬ÆmâÂ=*ñ›3³êÙQ‰öY£µù ÄŠ6óLQ•ª¶ºô—wýÛ8nnà&,ô‚`\ÍfgçPB”I­[EÉƒ¸íõÛ8nnà&,ô‚`\ÍfwpüµF¹YÈAßýD'1ÑÌß|3Uä²¡\ˆ Øã^œ=|!âöå§H"mÙöÐ– Euy¢ø&!‘{0õ®ó7¹³Ääg³_™QNR›Û8nnà&,ô‚`\Íf7ëªîuóù W)+KDQP‡^®N½Î†*h4§»6ñ¤ ï:ÕW„iƒ´m[ráÏ¥»-Gm0¶bá¤_ÔÚ§4N)¦àx"%8Û8nnà&,ô‚`\ÍfÍÒ‡(ðÏßJ8[R¼{ïfÝÛ8nnà&,ô‚`\Íf¦gDMBgÅª>†¼ˆ%1ü‹„u¤±ˆÊ8ËiR4Ü0TQŽžôñY%óL:2)©¥QzÐ¢çÞa ·`±Ÿ1“Û8nnà&,ô‚`\ÍfŒl„Wa<|2’üP^Çô¼Û8nnà&,ô‚`\ÍfiœàÍ×¹¢=oYn6Zv·*UŽ¹fÄBzQƒ6-FÈ'™%]R×v^ŸÉMUˆ7¹c·½t´dŸžŠü¬¯”ÃøáØ9æ†‚PNi®¹‘Û^¨áË‰MpÎ|—H`Û8nnà&,ô‚`\ÍfxŒ£ÏŒÞ QŸ$¸¬Û8nnà&,ô‚`\Íf@ú-$·1.çÞØ„,F¸Œô†@C»õ]zmžùÒcù¢IX¥{K5„=¾TH!§”³Š)=<
/š†Û8nnà&,ô‚`\Íf¾9SÌëÁº ¦¾T!WK;Û8nnà&,ô‚`\ÍfÙÆe¢ìåáŸ¸¯BÕÒ~C7·Ô=‡‚¬þÚÈÆÍô6@!–hŒ‹ÍšßÕ&ô½<rÌ4~,Î²ïªB„;»á/&ŽÉÁ‚­£mü´b#6cb-“x©¾2„]—Å×›Ôâ×ÕW"]…ã¾¾’L Û8nnà&,ô‚`\Ífw”aŽj$ýV$é…bw‡rsWD¼…[«ü.g¨ÿ">
                                <em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/pXeyu/">bounceEnabled is set to false</a>
                            </div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td class="documentation-option-type-click">
                        <span id='Span7'>buttonsOffset</span>
                    </td>
                    <td>
                        <span>Array</span>
                    </td>
                    <td>[0, 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 jqxScrollView's buttonsOffset property. This property sets the offset from the default location of the navigation buttons.
                            </p>
                            <h4>Code example</h4>
                            <p>
                                Set the <code>buttonsOffset</code> property.
                            </p>
                            <pre><code>$("#jqxScrollView").jqxScrollView({ buttonsOffset: [30, 30] }); </code></pre>
                            <p>
                                Get the <code>buttonsOffset</code> property.
                            </p>
                            <pre><code>var buttonsOffset = $('#jqxScrollView').jqxScrollView('buttonsOffset');</code></pre>
                            <div style="padding-bottom: 5px;">
                                <em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/EPfqW/">buttonsOffset is set to [0,0]</a>
                            </div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td class="documentation-option-type-click">
                        <span id='Span9'>currentPage</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 jqxScrollView's currentPage property. The currentPage specifies the displayed element.
                            </p>
                            <h4>Code example</h4>
                            <p>
                                Set the <code>currentPage</code> property.
                            </p>
                            <pre><code>$("#jqxScrollView").jqxScrollView({ currentPage: 1 }); </code></pre>
                            <p>
                                Get the <code>currentPage</code> property.
                            </p>
                            <pre><code>var currentPage = $('#jqxScrollView').jqxScrollView('currentPage');</code></pre>
                            <div style="padding-bottom: 5px;">
                                <em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/Q8tT4/">currentPage is set to 1</a>
                            </div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td class="documentation-option-type-click">
                        <span id='Span6'>disabled</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 jqxScrollView's disabled property.
                            </p>
                            <h4>Code example</h4>
                            <p>
                                Set the <code>disabled</code> property.
                            </p>
                            <pre><code>$("#jqxScrollView").jqxScrollView({ disabled: true }); </code></pre>
                            <p>
                                Get the <code>disabled</code> property.
                            </p>
                            <pre><code>var disabled = $('#jqxScrollView').jqxScrollView('disabled');</code></pre>
                            <div style="padding-bottom: 5px;">
                                <em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/yj3Hv/">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>String</span>
                    </td>
                    <td>320
                    </td>
                </tr>
                <tr>
                    <td colspan='3' style='width: 100%'>
                        <div class="documentation-option-description property-content" style="display: none;">
                            <p>
                                Sets or gets the jqxScrollView's height.
                            </p>
                            <h4>Code example</h4>
                            <p>
                                Set the <code>height</code> property.
                            </p>
                            <pre><code>$("#jqxScrollView").jqxScrollView({ height: '250px' }); </code></pre>
                            <p>
                                Get the <code>height</code> property.
                            </p>
                            <pre><code>var height = $('#jqxScrollView').jqxScrollView('height');</code></pre>
                            <div style="padding-bottom: 5px;">
                                <em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/rMXEH/">height is set to 250</a>
                            </div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td class="documentation-option-type-click">
                        <span id='Span8'>moveThreshold</span>
                    </td>
                    <td>
                        <span>Number</span>
                    </td>
                    <td>0.5
                    </td>
                </tr>
                <tr>
                    <td colspan='3' style='width: 100%'>
                        <div class="documentation-option-description property-content" style="display: none;">
                            <p>
                                Sets or gets the jqxScrollView's moveThreshold property. The moveThreshold property specifies how much the user should drag the current element to navigate to next/previous element.
                            Values should be set from 0.1 to 1. 0.5 means 50% of the element's width.
                            </p>
                            <h4>Code example</h4>
                            <p>
                                Set the <code>moveThreshold</code> property.
                            </p>
                            <pre><code>$("#jqxScrollView").jqxScrollView({ moveThreshold: 0.6 }); </code></pre>
                            <p>
                                Get the <code>moveThreshold</code> property.
                            </p>
                            <pre><code>var moveThreshold = $('#jqxScrollView').jqxScrollView('moveThreshold');</code></pre>
                            <div style="padding-bottom: 5px;">
                                <em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/XETVB/">moveThreshold is set to 1</a>
                            </div>
                        </div>
                    </td>
                </tr>


                <tr>
                    <td class="documentation-option-type-click">
                        <span id='Span4'>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 navigation buttons are visible.
                            </p>
                            <h4>Code example</h4>
                            <p>
                                Set the <code>showButtons</code> property specified.
                            </p>
                            <pre><code>$("#jqxScrollView").jqxScrollView({ showButtons: false }); </code></pre>
                            <p>
                                Get the <code>showButtons</code> property.
                            </p>
                            <pre><code>var showButtons = $('#jqxScrollView').jqxScrollView('showButtons');</code></pre>
                            <div style="padding-bottom: 5px;">
                                <em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/3ZmFE/">showButtons is set to false</a>
                            </div>
                        </div>
                    </td>
                </tr>

                <tr>
                    <td class="documentation-option-type-click">
                        <span id='Span35'>slideShow</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>
                                Indicates whether the slideShow mode is enabled. In this mode, pages are changed automatically in a time interval.
                            </p>
                            <h4>Code example</h4>
                            <p>
                                Set the <code>slideShow</code> property.
                            </p>
                            <pre><code>$("#jqxScrollView").jqxScrollView({slideShow: true});</code></pre>
                            <p>
                                Get the <code>slideShow</code> property.
                            </p>
                            <pre><code>var slideShow = $('#jqxScrollView').jqxScrollView('slideShow');</code></pre>
                            <div style="padding-bottom: 5px;">
                                <em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/Ga4nK/">slideShow is set to false</a>
                            </div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td class="documentation-option-type-click">
                        <span id='Span36'>slideDuration</span>
                    </td>
                    <td>
                        <span>Number</span>
                    </td>
                    <td>3000
                    </td>
                </tr>
                <tr>
                    <td colspan='3' style='width: 100%'>
                        <div class="documentation-option-description property-content" style="display: none;">
                            <p>
                                Sets or gets the duration in milliseconds of a time interval. The current page is changed when the time interval is elapsed.
                            </p>
                            <h4>Code example</h4>
                            <p>
                                Set the <code>slideDuration</code> property.
                            </p>
                            <pre><code>$("#jqxScrollView").jqxScrollView({slideDuration: 4000});</code></pre>
                            <p>
                                Get the <code>slideDuration</code> property.
                            </p>
                            <pre><code>var slideDuration = $('#jqxScrollView').jqxScrollView('slideDuration');</code></pre>
                            <div style="padding-bottom: 5px;">
                                <em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/tCedC/">slideDuration is set to 300</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/HPKTB/">theme is set to 'energyblue'</a>
                            </div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td class="documentation-option-type-click">
                        <span id='Span1'>width</span>
                    </td>
                    <td>
                        <span>String</span>
                    </td>
                    <td>320
                    </td>
                </tr>
                <tr>
                    <td colspan='3' style='width: 100%'>
                        <div class="documentation-option-description property-content" style="display: none;">
                            <p>
                                Sets or gets the jqxScrollView's width.
                            </p>
                            <h4>Code example</h4>
                            <p>
                                Set the <code>width</code> property.
                            </p>
                            <pre><code>$("#jqxScrollView").jqxScrollView({ width: '250px' }); </code></pre>
                            <p>
                                Get the <code>width</code> property.
                            </p>
                            <pre><code>var width = $('#jqxScrollView').jqxScrollView('width');</code></pre>
                            <div style="padding-bottom: 5px;">
                                <em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/LjgXD/">width is set to 300</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'>pageChanged</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 current page is changed.
                            </p>
                            <h4>Code examples</h4>
                            <p>
                                Bind to the <code>pageChanged</code> event by type: jqxScrollView.
                            </p>
                            <pre><code>$('#jqxScrollView').bind('pageChanged', function (event) 
{
    var page = event.args.currentPage;
});
                        </code></pre>
                            <div style="padding-bottom: 5px;">
                                <em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/eY8Qc/">Bind to the pageChanged event by type: jqxScrollView.</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='Span11'>back</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>
                                Navigates to the previous page.
                            </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 example</h4>
                            <p>
                                Invoke the <code>back</code> method.
                            </p>
                            <pre><code>$("#jqxScrollView").jqxScrollView('back'); </code></pre>
                            <div style="padding-bottom: 5px;">
                                <em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/z6ZFQ/">invoke the back method of the jqxScrollView.</a>
                            </div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td class="documentation-option-type-click">
                        <span id='Span37'>changePage</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>
                                Navigates to a page.
                            </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 example</h4>
                            <p>
                                Invoke the <code>changePage</code> method.
                            </p>
                            <pre><code>$("#jqxScrollView").jqxScrollView('changePage', 0); </code></pre>
                            <div style="padding-bottom: 5px;">
                                <em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/EFGrv/">change the page in the jqxScrollView.</a>
                            </div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td class="documentation-option-type-click">
                        <span id='Span10'>forward</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>
                                Navigates to the next page.
                            </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 example</h4>
                            <p>
                                Invoke the <code>forward</code> method.
                            </p>
                            <pre><code>$("#jqxScrollView").jqxScrollView('forward'); </code></pre>
                            <div style="padding-bottom: 5px;">
                                <em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/5B8za/">invoke the forward method of the jqxScrollView.</a>
                            </div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td class="documentation-option-type-click">
                        <span id='Span31'>refresh</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>
                                Refreshes 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 example</h4>
                            <p>
                                Invoke the <code>refresh</code> method.
                            </p>
                            <pre><code>$("#jqxScrollView").jqxScrollView('refresh'); </code></pre>
                            <div style="padding-bottom: 5px;">
                                <em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/cbkSn/">refresh the jqxScrollView.</a>
                            </div>
                        </div>
                    </td>
                </tr>


            </table>
            <br />
        </div>
   </body>
</html>