var slideTimer;
var nextImage = 2;
var prevImage = 1;
var noImages;

function slideSwitch() {
	var $prev;
	var $next;
	noImages = $('#slideshow').children().length;
	//	nav:
	$('#control a#nav' + nextImage).addClass('current');
	$('#control a#nav' + prevImage).removeClass('current');
	
	if (nextImage > 0) {
		$next = $('#slideshow #image' + nextImage);
		$next.css('z-index', '30');
		$next.animate({opacity: 1.0}, 1500);
	}
	
	if (prevImage > 0) {
		$prev = $('#slideshow #image' + prevImage);
		$prev.css('z-index', '0');
		$prev.animate({opacity: 0.0}, 1500);
	}
	
	prevImage = nextImage;
	nextImage++;
	if (nextImage > noImages) {
		nextImage = 1;
	}
}

$(document).ready(function() {
	
	$('#slideshow #image1').css('opacity', '0');
	$('#slideshow #image1').animate({opacity: 1}, 1500);

//	****	UNCOMMENT THIS:
	slideTimer = setInterval( 'slideSwitch()', 5000 );
	
	//	previous image:
	$('#control a.prev').click(function() {
		nextImage = prevImage - 1;
		if(nextImage == 0) {
			nextImage = noImages;
			prevImage = 1;
		}
		clearInterval(slideTimer);
		slideSwitch();
	});
	//	next image:
	$('#control a.next').click(function() {
		clearInterval(slideTimer);
		slideSwitch();
	});
	//	navigation boxes:
	$('#control a.box').each(function(index) {
		$(this).click(function() {
			if ((prevImage - 1) != index) {
				$('#control a#nav' + prevImage).removeClass('current');
				$(this).addClass('current');
				nextImage = index + 1;
				clearInterval(slideTimer);
				slideSwitch();
				slideTimer = setInterval( 'slideSwitch()', 3000 );
			}
			
		});
	});
});