$(document).ready(function() 
{	 
	var imagelist = new Array('images/img2.jpg','images/img3.jpg');
	var index = 0;
	var count = 0;
	var images;
	var thumbs = $("#thumbs img");
	var imgHeight = $(thumbs).attr("height");
	setupSlideshow();

	
	function setupSlideshow()
	{
	for	(i=0; i<=imagelist.length; i++)
	{
		loadimage(imagelist[i]);
	}
   }
	
	function setup()
	{
	  count++;
	  if(count==imagelist.length)
	  {
		images =  $("#gallery img");
		for (i=0; i<thumbs.length; i++)
		{
			$(thumbs[i]).addClass("thumb-"+i)
			$(images[i]).addClass("image-"+i);
		}
	    show(index);
		window.setInterval(sift, 5000);
	  }
	}
	function sift()
	{
		if (index<(thumbs.length-1)){index+=1 ; }
		else {index=0}
		show (index);
	}
	
	function show(num)
	{
		$(images).fadeOut(400);
		$(thumbs).fadeTo(0,0.3);
		$(".image-"+num).stop().fadeIn(400);
		$(".thumb-"+num).fadeTo(100,1);
		}
		
	function loadimage(path)
	{
		var img = new Image();
		$(img).load(function()
		{
			$("#gallery").append($(this));
			setup();
		}).attr('src',path);
	}
	
});