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'
		});
		$('summer_moved_on_live_link').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll.toElement('summer_live');
		});	
		$('stay_on_these_roads_live_link').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll.toElement('stay_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');
		});
		$('analogue_link').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll.toElement('analogue');
		});
		$('cosy-prisons_link').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll.toElement('cosy-prisons');
		});
		$('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');
		});
		$('i-wish-i-cared_link').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll.toElement('i-wish-i-cared');
		});
		$('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');		
		});
		$('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');		
		});
		$('move-to-memphis_link').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll.toElement('move-to-memphis');		
		});
		$('theres-never-a-forever-thing_link').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll.toElement('theres-never-a-forever-thing');		
		});
		$('sycamore-leaves_link').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll.toElement('sycamore-leaves');		
		});
		$('ive-been-losing-you-live_link').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll.toElement('ive-been-losing-you-live');		
		});
		$('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');		
		});
		$('take-on-me_link').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll.toElement('take-on-me');		
		});
		$('take-on-me-original_link').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll.toElement('take-on-me-original');		
		});
});