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

$(document).ready(function() 
{	 
	var index = 0;
	var ant = 0;
	var images = $("#gallery img");
	var thumbs = $("#thumbs a");
	var bLast = false;
	var bClick = false;
//	var imgHeight = $(thumbs).attr("height");
	var caption = $("#caption div");
	var captionp = $("#caption div p");
	var imgHeight = 83;
	$(thumbs).slice(0,3).clone().appendTo("#thumbs");
	$(thumbs).slice(3).clone().appendTo("#thumbs");
	$(thumbs).slice(0).clone().appendTo("#thumbs");

	for (i=0; i<thumbs.length; i++)
	{
		$(thumbs[i]).addClass("thumb-"+i);
		$(images[i]).addClass("image-"+i);
		//$(caption[i]).addClass("caption-"+i);
		$(caption[i]).attr('id', "caption-"+i);

}
	
	$("#next").click(clickit);
	show(index, 400);
	setInterval(siftit, 8000);
	
	function siftit(){if(!bClick){sift();}else{bClick=false}}
	function clickit(){bClick = true; sift();}
	function sift()
	{
		if (index<(thumbs.length-1)){index+=1 ; show (index,400); }
		//else {index=0; show(index,0);}
		else {if(!bLast){lastthumb();}}
		
	}
	
	function lastthumb(){
		bLast = true;
		$(images).fadeOut(400);
		$(".image-0").stop().fadeIn(400);
		var scrollPos = (5)*imgHeight;
		$("#thumbs").stop().animate({scrollTop: scrollPos}, 400, gofirst );		

	//document.getElementById(tempstring ).style.visibility='visible';
		$("#caption-1").css('display','none');
		$("#caption-2").css('display','none');
		$("#caption-3").css('display','none');
		$("#caption-1").css('visibility','hidden');
		$("#caption-2").css('visibility','hidden');
		$("#caption-3").css('visibility','hidden');
		
		$("#caption-0").css('display','block');
		$("#caption-0").css('visibility','visible');		
		
	}
	function gofirst(){
		var scrollPos = 83;		
		$("#thumbs").stop().animate({scrollTop: scrollPos}, 0);		
		index=0;
		bLast = false;
	}
	
	function show(num, dur)
	{
		$(images).fadeOut(400);
		$(".image-"+num).stop().fadeIn(400);
		var scrollPos = (num+1)*imgHeight;
		$("#thumbs").stop().animate({scrollTop: scrollPos}, dur);		

		var tempstring = "#caption-"+num
	//document.getElementById(tempstring ).style.visibility='visible';
		$("#caption-0").css('display','none');
		$("#caption-1").css('display','none');
		$("#caption-2").css('display','none');
		$("#caption-3").css('display','none');
		$("#caption-0").css('visibility','hidden');
		$("#caption-1").css('visibility','hidden');
		$("#caption-2").css('visibility','hidden');
		$("#caption-3").css('visibility','hidden');
		
		$("#caption-"+num).css('display','block');
		$("#caption-"+num).css('visibility','visible');
	
		//$(caption).fadeOut(400);
		//$(".caption-"+num).stop().fadeIn(400);
		//$(".captionp-"+num).stop().fadeIn(400);
}
});