/*
 * --------------------------------------------------------------------
 * Simple Scroller
 * by Siddharth S, www.ssiddharth.com, hello@ssiddharth.com
 * Version: 1.0, 05.10.2009 	
 * --------------------------------------------------------------------
 */

$(document).ready(function() 
{	 
	var enableClick = true;
	var index = 0;
	var images = $("#gallery img");
	var thumbs = $("#thumbs img");
	var imgHeight = $(thumbs).attr("height");
	$(thumbs).slice(0,3).clone().appendTo("#thumbs");
	for (i=0; i<thumbs.length; i++)
	{
		$(thumbs[i]).addClass("thumb-"+i);
		$(images[i]).addClass("image-"+i);
	}
	var thumbclicks = $("#thumbs img");
	for (i=0; i<thumbclicks.length; i++)
	{
		if(i<(thumbs.length)){j=i}
		else {j=(i-thumbs.length)}
		$(thumbclicks[i]).addClass("click-"+j);
		$(thumbclicks[i]).click(function() {
		  //alert($(this).attr("class"));
		  if (enableClick){
			  enableClick = false;
			  index = parseInt($(this).attr("class").substr(6,1));
			  show(index);
			  setTimeout(enableclick, 300);
			  
		  }
		});
	}
	
	$("#next").click(sift);
	show(index);
	setInterval(sift, 8000);
	
	function sift()
	{
		if (enableClick){
			enableClick = false;
			if (index<(thumbs.length-1)){index+=1 ; }
			else {index=0}
			show (index);
			setTimeout(enableclick, 300);
		}
		
	}
	
	function enableclick()
	{
		enableClick = true;
	}
	
	function show(num)
	{
		$(images).fadeOut(300);
		$(".image-"+num).stop().fadeIn(300);
		var scrollPos = (num+1)*imgHeight;
		$("#thumbs").stop().animate({scrollTop: scrollPos}, 300);		
		//console.log(scrollPos, "img.image-"+num);
	}
});