window.addEvent('domready', function(){
	
	new SmoothScroll();
	
	var scroll = new Fx.Scroll('tour', {
		wait: false,
		duration: 500,
		offset: {'x': -0, 'y': -0 },
		transition: Fx.Transitions.Quad.easeInOut
	});
	//var pos = 0;
	var frames = $$('#tour .frame');
	var tourLinks = $$('.tour-nav li a');
	
	//scroll.toElement(frames[0].id);
	

	/* TESTING START */
	
	//Get anchor position number
	var anchorNum = self.document.location.hash.substring(1);

	//Set pos
	if( anchorNum != null && anchorNum != "" && typeof(anchorNum) != "undefined" ) {
		var pos = parseInt(anchorNum) - 1;
	} else {
		var pos = 0;
	}

	//Add active class to tourlinks
	tourLinks[pos].addClass('active');

	/* TESTING END */


	//Get start element
	scroll.toElement( frames[pos].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');
		});
	});

	$$('.previous-frame').each(function(prev, i) {
		prev.addEvent('click', function(event) {
			event = new Event(event).stop();
			tourLinks[pos].removeClass('active');
			if(pos > 0) {
				pos--;
				scroll.toElement(frames[pos].id);
			} else {			        
				pos = frames.length - 1;
				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;
			});
		}
	});
});