Can't get the scrollbar to work!

Can't get the scrollbar to work!

Hi!
 
I'm a totally beginner here.
What I want is this scrollbar: http://jscrollpane.kelvinluck.com/#download
 
This is what I wrote in the <head>:
 
<!-- styles needed by jScrollPane -->
<link type="text/css" href="style/jquery.jscrollpane.css" rel="stylesheet" media="all" />
<!-- latest jQuery direct from google's CDN -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js">
</script>

<!-- the mousewheel plugin - optional to provide mousewheel support -->
<script type="text/javascript" src="script/jquery.mousewheel.js"></script>
<!-- the jScrollPane script -->
<script type="text/javascript" src="script/jquery.jscrollpane.min.js"></script>
<script>
$(document).ready(function() { 
 $('.scroll-pane').jScrollPane();
});

</script>
 
And I have downloaded these files:
jquery.js
jquery.jscrollpane.js
jquery.jscrollpane.min.js
jquery.mousewheel.js
mwheelIntent.js
 
Somebody who can help me out with this?
Thanks!