allora vediamo se ho capito...
il codice che mi serve è quello che scarico dalla sezione download
lo includo nella pagina html
includo anche il css
e poi?

questa è la mia index: (ho incluso il js della sezione download)
codice:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="mootools-download.js"></script>
</head>

<body>

<h3>Fx.Scroll</h3>


Fly-Over-Background</p>


Note: Background image is 257kb, it may requires a bit of time to load.</p>


You can find original Fly-Over-Background on digitarald's website</p>

 
<div id="demo-bar">
	The Blue Sky | 
	Last Grass |
	The Naked Tree |
	The Lonesome Tree
</div>
 
<div id="demo-wrapper">
	<div id="demo-inner">
		<div id="content1" class="scrolling-content">
			<h1>The Blue Sky</h1>
		</div>
 
		<div id="content2" class="scrolling-content">
			<h1>Last Grass</h1>
		</div>
 
		<div id="content3" class="scrolling-content">
			<h1>The Naked Tree</h1>
		</div>
 
		<div id="content4" class="scrolling-content">
			<h1>The Lonesome Tree</h1>
		</div>
	</div>
</div>

</body>
</html>
di questo però non ho capito cosa farci
codice:
var scroll = new Fx.Scroll('demo-wrapper', {
	wait: false,
	duration: 2500,
	offset: {'x': -200, 'y': -50},
	transition: Fx.Transitions.Quad.easeInOut
});
 
$('link1').addEvent('click', function(event) {
	event = new Event(event).stop();
	scroll.toElement('content1');
});
 
$('link2').addEvent('click', function(event) {
	event = new Event(event).stop();
	scroll.toElement('content2');
});
 
$('link3').addEvent('click', function(event) {
	event = new Event(event).stop();
	scroll.toElement('content3');
});
 
$('link4').addEvent('click', function(event) {
	event = new Event(event).stop();
	scroll.toElement('content4');
});