var delay = '7000';
var panelWidth;
var numChildren;

$(document).ready(function() {
	// Set Variables
	panelWidth = $('.featured').width();
	numChildren = $('.strip').children().size();
	childSize = $('.strip div:nth-child(1)').width();
	
	// Start at a random position
	var startChild = Math.floor((Math.random() * numChildren) + 1);
	// alert(-(numChildren * childSize));
	$('.strip').animate({'left' : -((startChild * childSize) - childSize) + 'px'}, 'slow');
	
	// Initialize autoadvance
	autoadvance = setTimeout('slide("forward", true)', delay);
	$('.featured').append('<div class="featured-navigation"><a href="" class="back"><img src="/read/images/featured-back.png" width="30" height="30" alt="Back" /></a><a href="" class="forward"><img src="/read/images/featured-forward.png" width="30" height="30" alt="Forward" /></a></div>');
	
	addClickEvents();
	
	// Pause autoadvance on hover
	$('.featured').mouseover(function() {
		clearTimeout(autoadvance);
	});
	$('.featured').mouseout(function() {
		autoadvance = setTimeout('slide("forward", true)', delay);
	});
});

function slide(direction, auto) {
	
	removeClickEvents();
	
	position = $('.strip').position();
	currentChild = Math.ceil(Math.abs(position.left - panelWidth) / panelWidth);
	var nextPosition;
	
	if (direction=='forward') {
		nextPosition = position.left - panelWidth;
	} else {
		nextPosition = position.left + panelWidth;
	};
	
	if ((direction=='forward') && (currentChild >= numChildren)) {
		$('.strip').clone().prependTo('.featured');
		$('.strip:nth-child(2)').css({'left' : panelWidth + 'px'});
		$('.strip:nth-child(1)').animate({'left' : nextPosition + 'px'}, 'slow');
		$('.strip:nth-child(2)').animate({'left' : '0px'}, 'slow', function() {
			$('.strip:nth-child(1)').remove();
			addClickEvents();
		});
	};
	
	if ((direction=='backward') && (currentChild == 1)) {
		$('.strip').clone().prependTo('.featured');
		$('.strip:nth-child(2)').css({'left' : -($('.strip').width()) + 'px'});
		$('.strip:nth-child(1)').animate({'left' : nextPosition + 'px'}, 'slow');
		$('.strip:nth-child(2)').animate({'left' : -($('.strip').width() - panelWidth)}, 'slow', function() {
			$('.strip:nth-child(1)').remove();
			addClickEvents();
		});
	};
	
	if ( !(direction=='forward' && currentChild >= numChildren) && !(direction=='backward' && currentChild == 1) ) {
		$('.strip').animate({'left' : nextPosition + 'px'}, 'slow', function() { addClickEvents(); });
	};
	
	if (auto==true) { autoadvance = setTimeout('slide("forward", true)', delay); };
};

function addClickEvents() {
	$('.featured a.back').click(function() {
		slide('backward', false);
		return false;
	});
	$('.featured a.forward').click(function() {
		slide('forward', false);
		return false;
	});
}

function removeClickEvents() {
	$('.featured a.back').unbind('click');
	$('.featured a.forward').unbind('click');
	$('.featured a.back').click(function() {
		return false;
	});
	$('.featured a.forward').click(function() {
		return false;
	});
}