window.addEvent('domready', function() {
	var scroll = new Fx.Scroll('demo-wrapper', {
		wait: false,
		duration: 1500,
		offset: {'x': 0, 'y': 0},
		transition: Fx.Transitions.Quad.easeInOut
	});
 
	$('page-1').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('page1');
	});
	 
	$('page-2').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('page2');
	});
	 
	$('page-3').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('page3');
	});
	
	$('page-4').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('page4');
	});
	 
	$('page-5').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('page5');
	});
	
	
	$('next-page1').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('page2');
	});
	
	$('prev-page2').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('page1');
	});
	$('next-page2').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('page3');
	});
	 
	$('prev-page3').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('page2');
	});
	$('next-page3').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('page4');
	});
	 
	$('prev-page4').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('page3');
	});
	$('next-page4').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('page5');
	});
	 
	$('prev-page5').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('page4');
	});

	 
	 
	
	 
	
	 
});