window.addEvent('load', function(){
var scroll = new Fx.Scroll('slidermask', {
	wait: false,
	duration: 1500,
	offset: {'x': 0, 'y': 0},
	transition: Fx.Transitions.Quad.easeInOut
});
	$('point1').setStyle('color', '#FFFFFF');
	$('point1').setStyle('background', '#88ba1e');

$('point1').addEvent('click', function(event) {
	event = new Event(event).stop();
	scroll.toElement('section1');
	$('point1').setStyle('color', '#FFFFFF');
	$('point1').setStyle('background', '#88ba1e');
	$('point2').setStyle('color', '#FFFFFF');
	$('point2').setStyle('background', '');
	$('point3').setStyle('color', '#FFFFFF');
	$('point3').setStyle('background', '');
	$('point4').setStyle('color', '#FFFFFF');
	$('point4').setStyle('background', '');		
});
$('point2').addEvent('click', function(event) {
	event = new Event(event).stop();
	scroll.toElement('section2');
	$('point2').setStyle('color', '#FFFFFF');
	$('point2').setStyle('background', '#0088cc');
	$('point1').setStyle('color', '#FFFFFF');
	$('point1').setStyle('background', '');
	$('point3').setStyle('color', '#FFFFFF');
	$('point3').setStyle('background', '');
	$('point4').setStyle('color', '#FFFFFF');
	$('point4').setStyle('background', '');				
});
$('point3').addEvent('click', function(event) {
	event = new Event(event).stop();
	scroll.toElement('section3');
	$('point3').setStyle('color', '#FFFFFF');
	$('point3').setStyle('background', '#ff9c00');	
	$('point1').setStyle('color', '#FFFFFF');
	$('point1').setStyle('background', '');
	$('point2').setStyle('color', '#FFFFFF');
	$('point2').setStyle('background', '');
	$('point4').setStyle('color', '#FFFFFF');
	$('point4').setStyle('background', '');			
});
$('point4').addEvent('click', function(event) {
	event = new Event(event).stop();
	scroll.toElement('section4');
	$('point4').setStyle('color', '#FFFFFF');
	$('point4').setStyle('background', '#d72c87');		
	$('point1').setStyle('color', '#FFFFFF');
	$('point1').setStyle('background', '');	
	$('point2').setStyle('color', '#FFFFFF');
	$('point2').setStyle('background', '');
	$('point3').setStyle('color', '#FFFFFF');
	$('point3').setStyle('background', '');
});
});