window.addEvent('domready', function() {
	var scroll = new Fx.Scroll('slideThisPlease', {
		wait: false,
		duration: 1500,
		transition: Fx.Transitions.Quad.easeInOut
	});
	
	var scroll2 = new Fx.Scroll('subslide1', {
		wait: false,
		duration: 1000,
		transition: Fx.Transitions.Quad.easeInOut
	});
	
	var scroll3 = new Fx.Scroll('bigpage', {
		wait: false,
		duration: 1000,
		transition: Fx.Transitions.Quad.easeInOut
	});

	$$('a[href^="#page_"]').addEvent('click', function(e) {
		new Event(e).stop();
		scroll.toElement($E(this.getProperty('href')));
	});
	$$('a[href^="#sub_"]').addEvent('click', function(e) {
		new Event(e).stop();
		scroll2.toElement($E(this.getProperty('href')));
	});
	$$('a[href^="#big_"]').addEvent('click', function(e) {
		new Event(e).stop();
		scroll3.toElement($E(this.getProperty('href')));
	});

	var mySlide = new Slider($('area'), $('knob'), {
		steps: 6,
		onChange: function(step){
			scroll.toElement($E('#main_layer' + step));
		}
	}).set(2);

	//$('knob').setOpacity(0.8);
	
	
});