$(document).ready(function() {
	var index = 0;
	var images = $("#gallery img");
	var thumbs = $("#thumbs a");
	var thumbsHeight = 132;
	var canClick = false;	
	var clickInterval;
	
	thumbs.slice(0,3).clone().appendTo("#thumbs");
	for (i=0; i<thumbs.length; i++) {
		$(thumbs[i]).addClass("thumb-"+i);
		$(images[i]).addClass("image-"+i);
	}
		$("#next").click(siftClick);

	show(index);
	
	playSlideshow = setInterval(sift, 5000);
	
	function sift() {
		if (index<(thumbs.length-1)){index+=1 ; }
		else {index=0}
		show (index);
	}
	
	function siftClick() {
		if (canClick) {
			clearInterval(playSlideshow);
			if (index<(thumbs.length-1)){index+=1 ; }
			else {index=0}
			show (index);
			
				playSlideshow = setInterval(sift, 1000);
		}

	}
	
	function allowClick() {
		canClick = true;
		clearInterval(clickInterval);
	}
	
	function show(num) {	
		canClick = false;
		clickInterval = setInterval(allowClick, 600);
	
		if (num == 0)
			$("#thumbs").stop().animate({scrollTop: (thumbs.length-1-num+1)*thumbsHeight}, 0);		
		images.fadeOut(600);
		$(".image-"+num).stop().fadeIn(600);
		//var scrollPos = (num+1)*thumbsHeight;
		var scrollPos = (thumbs.length-1-num)*thumbsHeight;
		$("#thumbs").stop().animate({scrollTop: scrollPos}, 600);
	}
	
 // This sets the opacity of the thumbs to fade down to 60% when the page loads
$("#nextCont").fadeTo("slow", 0.4);

$("#nextCont").hover(function(){
$("#nextCont").fadeTo("fast", 1.0); // This sets the opacity to 100% on hover
},function(){
$("#nextCont").fadeTo("slow", 0.4); // This sets the opacity back to 60% on mouseout
});





});