window.addEvent('domready', function(){
	
	var scroll = new Fx.Scroll('sliderpane', {
		wait: false,
		duration: 500,
		offset: {'x': -0, 'y': -0 },
		transition: Fx.Transitions.Quad.easeInOut
	});
	var pos = 0;
	var frames = $$('#sliderpane .frame');
	var tourLinks = $$('.sliderpane-nav li a');
	
	scroll.toElement(frames[0].id);
	
	$$('.next-frame').each(function(next, i) {
		next.addEvent('click', function(event) {
			event = new Event(event).stop();
			tourLinks[pos].removeClass('active');
			if(pos < frames.length -1) {
				pos++;
				scroll.toElement(frames[pos].id);
			} else {			        
				pos = 0;
				scroll.toElement(frames[pos].id);
			}
			tourLinks[pos].addClass('active');
		});
	});
	
	tourLinks.each(function(section , i) {
		if(i < frames.length)
		{
			section.addEvent('click', function(event){
				event = new Event(event).stop();
				section.blur();
				scroll.toElement(frames[i].id);
				tourLinks[pos].removeClass('active');
				section.addClass('active');
				pos = i;
			});
		}
	});
});