$(function()
			{
				// this initialises the demo scollpanes on the page.
				
//				$('#pane2').jScrollPane({showArrows:true});
//				$('#pane4, #pane3, #pane2, #pane1').jScrollPane({scrollbarWidth:4, scrollbarMargin:20, dragMaxHeight: 30});
				$('#pane1').jScrollPane({scrollbarWidth:7, scrollbarMargin:2, scrollbarMargin:20, dragMaxHeight: 40});
                
				// 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()
					{
						$('#pane5').append($('<p></p>').html($('#intro').html())).jScrollPane({scrollbarWidth:20, scrollbarMargin:10});
					}
				);
				// 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()
					{
						$('#pane5').empty().append($('<p></p>').html($('#intro').html())).jScrollPane({scrollbarWidth:20, scrollbarMargin:10});
					}
				);
*/
			});