$(function()
			{
				// set the default options for all scrollpanes on this page
				$.extend($.fn.jScrollPane.defaults, {showArrows:true});
				// The above line could also be expressed like this as we are just setting one default:
				//$.fn.jScrollPane.defaults.showArrows = true;

				// this initialises the demo scollpanes on the page.
				$('#pane1').jScrollPane();
				$('#pane2').jScrollPane();
				// overriding showArrows for pane3
				$('#pane3').jScrollPane({scrollbarWidth:20, scrollbarMargin:10, showArrows:false});
				$('#pane4').jScrollPane();
                
				// 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();
					}
				);
				// 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();
					}
				);
			});