$(function()
	{
		// this initialises the demo scollpanes on the page.
		$('#pane1').jScrollPane();

		reinitialiseScrollPane = function()
		{
			$('#pane1').jScrollPane();
		}

		$('#add-content').bind(
			'click',
			function()
			{
				$('#pane1').load('lipsum.html', '', reinitialiseScrollPane);
			}
		);
		// 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()
			{
				$('#pane1').empty().append($('<p>Nothing to see here</p>')).jScrollPane({scrollbarWidth:20, scrollbarMargin:10});
			}
		);
	});