	function makeScrollbar(content,scrollbar,handle,horizontal,ignoreMouse){
		var steps = (horizontal?(content.getScrollSize().x - content.getSize().x):(content.getScrollSize().y - content.getSize().y))
		var slider = new Slider(scrollbar, handle, {	
			steps: steps,
			mode: (horizontal?'horizontal':'vertical'),
			onChange: function(step){
			var x = (horizontal?step:0);
			var y = (horizontal?0:step);
			content.scrollTo(x,y);
			}
		}).set(0);
		if( !(ignoreMouse) ){
			$$(content, scrollbar).addEvent('mousewheel', function(e){	
			e = new Event(e).stop();
			var step = slider.step - e.wheel * 30;	
			slider.set(step);				
			});
		}
		$(document.body).addEvent('mouseleave',function(){slider.drag.stop()});
	}
		
	window.addEvent('domready', function(){
		makeScrollbar( $('timeline'), $('scrollbar'), $('handle2'), true );
	});
	
	
	window.addEvent('domready', function() {
		var scroll = new Fx.Scroll('container', {
			wait: false,
			duration: 600,
			offset: {'x': 0, 'y': 0},
			transition: 'quad:in:out'
		});
	
		$('smo-live_link').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll.toElement('summer-moved-on-live');
		});

		$('butterfly_link').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll.toElement('butterfly');
		});
	
		$('shadowside_link').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll.toElement('shadowside');
		});
		$('nothing-is-keeping-you-here_link').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll.toElement('nothing-is-keeping-you-here');
		});
		$('foot-of-the-mountain_link').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll.toElement('foot-of-the-mountain');
		});
		$('cosy-prisons_link').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll.toElement('cosy-prisons');
		});
		$('analogue_link').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll.toElement('analogue');
		});
		$('birthright_link').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll.toElement('birthright');
		});
		$('celice_link').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll.toElement('celice');
		});
		$('the-sun-always-shines-on-tv-live_link').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll.toElement('the-sun-always-shines-on-tv-live');
		});
		$('did-anyone-approach-you_link').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll.toElement('did-anyone-approach-you');
		});
		$('lifelines_link').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll.toElement('lifelines');
		});
		$('forever-not-yours_link').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll.toElement('forever-not-yours');
		});
		$('minor-earth-major-box_link').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll.toElement('minor-earth-major-box');
		});
		$('the-sun-never-shone-that-day_link').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll.toElement('the-sun-never-shone-that-day');		
		});
		$('velvet_link').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll.toElement('velvet');		
		});
		$('minor-earth-major-sky_link').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll.toElement('minor-earth-major-sky');		
		});
		$('summer-moved-on_link').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll.toElement('summer-moved-on');		
		});
		$('shapes-that-go-together_link').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll.toElement('shapes-that-go-together');		
		});
		$('lie-down-in-darkness_link').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll.toElement('lie-down-in-darkness');		
		});
		$('angel_link').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll.toElement('angel');		
		});
		$('dark-is-the-night_link').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll.toElement('dark-is-the-night');		
		});
		$('the-blood-that-moves-the-body-92_link').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll.toElement('the-blood-that-moves-the-body-92');		
		});
		$('move-to-memphis_link').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll.toElement('move-to-memphis');		
		});
		$('waiting-for-her_link').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll.toElement('waiting-for-her');		
		});
		$('early-morning_link').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll.toElement('early-morning');		
		});
		$('i-call-your-name_link').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll.toElement('i-call-your-name');		
		});
		$('crying-in-the-rain_link').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll.toElement('crying-in-the-rain');		
		});
		$('you-are-the-one_link').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll.toElement('you-are-the-one');		
		});
		$('touchy_link').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll.toElement('touchy');		
		});
		$('the-blood-that-moves-the-body_link').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll.toElement('the-blood-that-moves-the-body');		
		});
		$('stay-on-these-roads_link').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll.toElement('stay-on-these-roads');		
		});
		$('the-living-daylights_link').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll.toElement('the-living-daylights');		
		});
		$('manhattan-skyline_link').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll.toElement('manhattan-skyline');		
		});
		$('cry-wolf_link').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll.toElement('cry-wolf');		
		});
		$('ive-been-losing-you_link').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll.toElement('ive-been-losing-you');		
		});
		$('hunting-high-and-low_link').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll.toElement('hunting-high-and-low');		
		});
		$('train-of-thought_link').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll.toElement('train-of-thought');		
		});
		$('the-sun-always-shines-on-tv_link').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll.toElement('the-sun-always-shines-on-tv');		
		});
		$('love-is-reason_link').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll.toElement('love-is-reason');		
		});
		$('take-on-me-v2_link').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll.toElement('take-on-me-v2');		
		});
		$('take-on-me_link').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll.toElement('take-on-me');		
		});
});
