$(function()
			{
			// this initialises the demo scollpanes on the page.
			$('#container-2').jScrollPane({showArrows:true, scrollbarWidth:10});
			$('#framed-container-2').jScrollPane({showArrows:true, scrollbarWidth:10});
			$('#container-3').jScrollPane({showArrows:true, scrollbarWidth:10});
			$('#container-4').jScrollPane({showArrows:true, scrollbarWidth:10});
			$('#container-5').jScrollPane({showArrows:true, scrollbarWidth:10});
			$('#container-8').jScrollPane({showArrows:true, scrollbarWidth:10});
			$('#framed-container-8').jScrollPane({showArrows:true, scrollbarWidth:10});
			$('#container-9').jScrollPane({showArrows:true, scrollbarWidth:10});
			$('#container-10').jScrollPane({showArrows:true, scrollbarWidth:10});
			$('#container-11').jScrollPane({showArrows:true, scrollbarWidth:10});
			
			reinitialiseScrollPane = function()
						{
						$('#container-2').jScrollPane({showArrows:true, scrollbarWidth:10, reinitialiseOnImageLoad: true});
						$('#framed-container-2').jScrollPane({showArrows:true, scrollbarWidth:10, reinitialiseOnImageLoad: true});
						$('#container-3').jScrollPane({showArrows:true, scrollbarWidth:10, reinitialiseOnImageLoad: true});
						$('#container-4').jScrollPane({showArrows:true, scrollbarWidth:10, reinitialiseOnImageLoad: true});
						$('#container-5').jScrollPane({showArrows:true, scrollbarWidth:10, reinitialiseOnImageLoad: true});
						$('#container-8').jScrollPane({showArrows:true, scrollbarWidth:10, reinitialiseOnImageLoad: true});
						$('#framed-container-8').jScrollPane({showArrows:true, scrollbarWidth:10, reinitialiseOnImageLoad: true});
						$('#container-9').jScrollPane({showArrows:true, scrollbarWidth:10, reinitialiseOnImageLoad: true});
						$('#container-10').jScrollPane({showArrows:true, scrollbarWidth:10, reinitialiseOnImageLoad: true});
						$('#container-11').jScrollPane({showArrows:true, scrollbarWidth:10, reinitialiseOnImageLoad: true});

						}

	
						
		
		

			});