window.addEvent('domready', function(){
	var scroll = new Fx.Scroll('demo-wrapper', {
		wait: false,
		duration: 1200,
		offset: {'x': 0, 'y': 0},
		transition: Fx.Transitions.Quad.easeInOut
	});
	
	$('link1').addClass("circle-on");
	 
	$('link1').addEvent('click', function(event) {
		event = new Event(event).stop();
		$('link1').addClass("circle-on");
		$('link2').removeClass("circle-on");
		$('link3').removeClass("circle-on");
		$('link4').removeClass("circle-on");
		scroll.toElement('content1');
	});
	 
	$('link2').addEvent('click', function(event) {
		event = new Event(event).stop();
		$('link2').addClass("circle-on");
		$('link3').removeClass("circle-on");
		$('link1').removeClass("circle-on");
		$('link4').removeClass("circle-on");
		scroll.toElement('content2');
	});
	
	$('link3').addEvent('click', function(event) {
		event = new Event(event).stop();
		$('link3').addClass("circle-on");
		$('link2').removeClass("circle-on");
		$('link4').removeClass("circle-on");
		$('link1').removeClass("circle-on");
		scroll.toElement('content3');
	});
	
	$('link4').addEvent('click', function(event) {
		event = new Event(event).stop();
		$('link4').addClass("circle-on");
		$('link3').removeClass("circle-on");
		$('link2').removeClass("circle-on");
		$('link1').removeClass("circle-on");
		scroll.toElement('content4');
	});
	
});