window.addEvent('domready', function(){
var scroll = new Fx.Scroll('demo-wrapper', {
	wait: false,
	duration: 500,
	offset: {'x': -200, 'y': -50},
	transition: Fx.Transitions.Quad.easeInOut
});
 
$('link1').addEvent('click', function(event) {
	event = new Event(event).stop();
	scroll.scrollTo(0, 0);
	tabSwitch(document.getElementById('link1'));
});
 
$('link2').addEvent('click', function(event) {
	event = new Event(event).stop();
	scroll.scrollTo(800, 0);
	tabSwitch(document.getElementById('link2'));
});
 
$('link3').addEvent('click', function(event) {
	event = new Event(event).stop();
	scroll.scrollTo(1400, 0);
	tabSwitch(document.getElementById('link3'));
});
 
$('link4').addEvent('click', function(event) {
	event = new Event(event).stop();
	scroll.scrollTo(2000, 0);
	tabSwitch(document.getElementById('link4'));
});

$('link5').addEvent('click', function(event) {
	event = new Event(event).stop();
	scroll.scrollTo(2600, 0);
	tabSwitch(document.getElementById('link5'));
});

});

function tabSwitch(element) {
	document.getElementById('link1').className = 'tabOff';
	document.getElementById('link2').className = 'tabOff';
	document.getElementById('link3').className = 'tabOff';
	document.getElementById('link4').className = 'tabOff';
	document.getElementById('link5').className = 'tabOff';
	element.className = 'tabOn';
}

function toggle(element) {
	if(element.className == 'tabOn') {
		return true;
	}
	else if (element.className == 'tabOff') {
		element.className = 'tabHover';
	}
	else if (element.className == 'tabHover') {
		element.className = 'tabOff';
	}
}