activeTeaserThumb = 1;
trailingAnimateId = 1;
forwardAnimateId = 1;
teaserTimer = setTimeout('nextTeaser()', 4000);
showPick(1);

function nextTeaser() {
	if (activeTeaserThumb == 5) {
		showPick(1);
	}
	else {
		showPick(activeTeaserThumb + 1);
	}
	teaserTimer = setTimeout('nextTeaser()', 4000);
		
}

function showPick(pickIdx) {		

	if (activeTeaserThumb != pickIdx) {
		trailingAnimateId = activeTeaserThumb;
		forwardAnimateId = pickIdx;
		$('#mainImage' + pickIdx).css('z-index', 5);
		$('#mainImage' + activeTeaserThumb).css('z-index', 1);
			$('#mainImage' + pickIdx).animate({opacity: 1.0}, 500, function() {
				$('#mainImage' + trailingAnimateId).css('opacity', 0);
			});
	
		$('#pickText' + pickIdx).css('z-index', 5);
		$('#pickText' + activeTeaserThumb).css('z-index', 1);
		$('#pickText' + pickIdx).removeClass().addClass('liveTeaserText');
		$('#pickText' + activeTeaserThumb).removeClass().addClass('hiddenText');
		$('#photoCredit' + pickIdx).removeClass().addClass('liveTeaserPhotoCredit');
		$('#photoCredit' + activeTeaserThumb).removeClass().addClass('hiddenPhotoCredit');
	
	//		$('#pickText' + pickIdx).animate({opacity: 1.0}, 500, function() {
	//		});
	//		$('#pickText' + activeTeaserThumb).animate({opacity: 0.0}, 500, function() {
	//		});
	
	//			$('#pickText' + activeTeaserThumb).removeClass('liveTeaserText');
	//			$('#pickText' + activeTeaserThumb).addClass('hiddenText');
	//			$('#pickText' + pickIdx).removeClass('hiddenText');
	//			$('#pickText' + pickIdx).addClass('liveTeaserText');
	
		$('#thumbDiv' + pickIdx).removeClass('hiddenThumb');
		$('#thumbDiv' + pickIdx).addClass('liveTeaserThumb');
		$('#thumbDiv' + activeTeaserThumb).removeClass('liveTeaserThumb');
		$('#thumbDiv' + activeTeaserThumb).addClass('hiddenThumb');
	
	
		activeTeaserThumb = pickIdx;	
		
		if (pickIdx == 1) {
			slideThumbsLeft();
		}
		if (pickIdx == 4) {
			slideThumbsRight();
		}		
	}
}

function slideThumbsRight () {
	$('#thumbSlider').animate({
		left: '-200'
	}, 1000, function() {
		//finished
	});	
}

function slideThumbsLeft () {
	$('#thumbSlider').animate({
		left: '0'
	}, 1000, function() {
		//finished
	});	
}