$(function()
                {
                          // this initialises the demo scollpanes on the page.
                          $('#pane1').jScrollPane({showArrows:true});
                          $('#pane2').jScrollPane({showArrows:true});
		      $('#pane3').jScrollPane({showArrows:true});
		      $('#pane4').jScrollPane({showArrows:true});
                          $('#pane5, #pane6').jScrollPane({scrollbarWidth:20, scrollbarMargin:0});
  
                          // this allows you to click a link to add content to #pane4 and shows how to 
                          // reinitialise the scrollbars when you have done this.
                          $('#add-content').bind(
                                    'click',
                                    function()
                                    {
                                              $('#pane4').append($('<p></p>').html($('#intro').html())).jScrollPane({scrollbarWidth:20, scrollbarMargin:0});
                                    }
                          );
                          // and this allows you to click the link to reduce the amount of content in
                          // #pane4 and reinitialise the scrollbars.
                          $('#remove-content').bind(
                                    'click',
                                    function()
                                    {
                                              $('#pane4').empty().append($('<p></p>').html($('#intro').html())).jScrollPane({scrollbarWidth:20, scrollbarMargin:10});
                                    }
                          );
                });