$(document).ready(function() {
	$('.thumbLink').click( function(){ jumpTo( $(this).attr('name')); return false; } );
	
	var noFeatures = $('.feature').length;
	var items = 'feature';
	var holder = 'holder';
	var thumbs = 'thumb';
	var frontHolder = 1;
	var backHolder = 2;
	var next = 2;
	var transTime = 1500;
	var showTime = 20000;
	var holders = new Array();
	var timer = null;
	var thumbLinks = $('.thumbLink');
	
	holders[frontHolder] = $('#'+holder+'_1');
	holders[backHolder] = $('#'+holder+'_2');
	
	holders[frontHolder].html( $('#'+items+'_1').clone() );
	holders[frontHolder].css('z-index', 100);
	
	if(noFeatures > 1)	{ holders[backHolder].css('z-index', 50); restart(); }
	
	
	function jumpTo(target)
	{
		thumbLinks.removeClass("selected");
		$('#'+thumbs+'_'+target).addClass("selected");
		holders[frontHolder].html( $('#'+items+'_'+target).clone() );
		next = (++target > noFeatures)?1:target;
		restart();
	}
	
	
	function fade()
	{
		holders[backHolder].html( $('#'+items+'_'+next).clone() );
		holders[frontHolder].animate({opacity: 0.0}, transTime, function(){ setup(); });
	}
	
	function restart()
	{
		if(timer) clearTimeout(timer);
		timer = setTimeout(fade, showTime);
	}
	
	
	function setup()
	{
		thumbLinks.removeClass("selected");
		$('#'+thumbs+'_'+next).addClass("selected");
		holders[backHolder].css('z-index', 100);
		holders[frontHolder].css({'z-index' : 50, 'opacity' : 1});
		
		frontHolder = 3 - frontHolder;
		backHolder = 3 - frontHolder;
		next = (++next > noFeatures)?1:next;
		restart();
	}
});

function isNumber(n) { return !isNaN(parseFloat(n)) && isFinite(n); }