var Tour = {

	changeNav: function( slides )
	{
		var slideColours = $( 'slide-colours' ).getDataFromComment();
	
		var $previousNav = slides.navigation.$previous,
			$currentNav = slides.navigation.$current;
		
		// Handle previous nav
		var transitionNav = new Fx.Morph( $previousNav, {
			duration: 500,
			transition: Fx.Transitions.Sine.easeOut
		});
		
		transitionNav.start({
			'height': slideColours.closed.height,
			'background-color': slideColours.closed.backgroundColour
		}).chain( (function() {
		
			$previousNav.removeClass( 'selected' );
		
		}));
		
		// Handle current nav
		$currentNav.addClass( 'selected' );
		
		var transitionNav = new Fx.Morph( $currentNav, {
			duration: 500,
			transition: Fx.Transitions.Sine.easeOut
		});
		
		transitionNav.start({
			'height': slideColours.open.height,
			'background-color': slideColours.open.backgroundColour
		}).chain( (function() {
		
			$currentNav.setStyles({
				'height': slideColours.open.height,
				'background-color': slideColours.open.backgroundColour
			})
		
		}));
	}

}