$(document).ready(function() {
	var $navList = $('#nav > span');
	var autoRunning = true;
	var auto = setInterval(function() { autoScroll(); }, 9000);
	
	$navList.each(function() {
		var $navItem = $(this);
		$navItem.click(function() {
			clearInterval(auto);
			setActiveItem(getActiveIndex(), $navList.index($navItem));
			auto = setInterval(function() { autoScroll(); }, 9000);
		});
	});
	
	function setActiveItem(oldItem, newItem) {
		if (oldItem != newItem) {
			$('#topContentContainer .OneCol > div:eq('+ oldItem +')').fadeOut('fast', 'linear');
			$('#nav > span:eq('+oldItem+')').removeClass('activeSlide');
			$('#topContentContainer .OneCol > div:eq('+ newItem +')').fadeIn('slow', 'linear');
			$('#nav > span:eq('+newItem+')').addClass('activeSlide');
		}
	}
	
	function getActiveIndex() {
		var $currentItem = $('#nav > span.activeSlide');
		return $navList.index($currentItem);
	}
	
	function autoScroll() {
		var currentItem = getActiveIndex();
		var nextItem = (currentItem == ($navList.size()-1))?0:currentItem + 1;		
		setActiveItem(currentItem, nextItem);
		return false;
	};
});