$(document).ready(function()
{
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);
}
$("#next").click(sift);
show(index);
setInterval(sift, 8000);
function sift()
{
if (index<(thumbs.length-1)){index+=1 ; }
else {index=0}
show (index);
}
function show(num)
{
$(images).fadeOut(400);
$(".image-"+num).stop().fadeIn(400);
var scrollPos = (num+1)*imgHeight;
$("#thumbs").stop().animate({scrollTop: scrollPos}, 400);
console.log(scrollPos, "img.image-"+num);
}
});