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

	$$('a[href^="#main_"]').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($('slider'), $('knob'), {
		steps: 7,
		offset: -17,
		onChange: function(step){
			scroll.toElement($E('#alayer' + step));
		}
	}).set(2);

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