$(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);  
    }  
});