var slideTimer = false;
var slideCurr = 0
var slideMax = 0;
jQuery(function($) {
	$('#thumbs img').each(function(i, img) {
		$(img).click(function() {
			if (slideTimer) clearTimeout(slideTimer)
			gotoSlide(i);
			return false;
		});
	});
	slideMax = $('#thumbs img').length;
	gotoSlide(0)
	slideTimer = setTimeout(function() { nextSlide() }, 5000);
});

function nextSlide() {

	var $ = jQuery;
	var next = slideCurr + 1
	if (next >= slideMax) {
		next = 0
	}

	gotoSlide(next);
	if (slideTimer) clearTimeout(slideTimer)
	slideTimer = setTimeout(function() { nextSlide() }, 5000)
}

function gotoSlide(i) {
	var $ = jQuery;
	var marginLeft = i * -870;
	$('#slideshow ul li').eq(i).fadeIn('fast').siblings().fadeOut('fast')
	$('#thumbs img').eq(i).addClass('selected').siblings().removeClass('selected')

	slideCurr = i
}