window.addEvent('load', function(){
var scroll = new Fx.Scroll('slidermaskoxynel', {
	wait: false,
	duration: 1500,
	offset: {'x': 0, 'y': 0},
	transition: Fx.Transitions.Quad.easeInOut
});

$('point1').setAttribute("class","selected");

$('point1').addEvent('click', function(event) {
	event = new Event(event).stop();
	scroll.toElement('section1');
	$$('#points li').each(function(el){
		el.getElement('a').setAttribute("class","");
	});	
	$('point1').setAttribute("class","selected");	
});
$('point2').addEvent('click', function(event) {
	event = new Event(event).stop();
	scroll.toElement('section2');
	$$('#points li').each(function(el){
		el.getElement('a').setAttribute("class","");
	});	

	$('point2').setAttribute("class","selected");
});
$('point3').addEvent('click', function(event) {
	event = new Event(event).stop();
	scroll.toElement('section3');
	$$('#points li').each(function(el){
		el.getElement('a').setAttribute("class","");
	});	

	$('point3').setAttribute("class","selected");
});
$('point4').addEvent('click', function(event) {
	event = new Event(event).stop();
	scroll.toElement('section4');
	$$('#points li').each(function(el){
		el.getElement('a').setAttribute("class","");
	});	
	$('point4').setAttribute("class","selected");
});
});