var slideshow_timer;
var rollDirection = 0;  // 0-left, 1 top;
// var iInterval = 6000; 
var bPause = false;

$(document).ready(function(){

    $('.piclist > img').click(function()
        {
            clearTimeout(slideshow_timer);
            var iImgIndex = parseInt($(this).attr('id').substr(11)); // id starts with: aImageIndex
            showPic(iImgIndex);
        });

    $('#img_view').hover(function()
        {
            clearTimeout(slideshow_timer);
        }, function()
        {
            slideshow_timer = setTimeout("showPic(" + (curImage+1) + ")", iInterval);
        });	
        
        /*        
    $('.aLeftEnd').click(function()
        {
            showPic(0);
        });

    $('.aLeft').click(function()
        {
            if (curImage>0)
                showPic(curImage - 1);
            else    
                showPic(numImages-1);
        });

    $('.aPause').click(function()
        {
            if (!bPause)
            {
                clearTimeout(slideshow_timer);
                $this.html("Play");
            }
            else
            {
                $this.html("||");
                slideshow_timer = setTimeout("showPic(" + (curImage+1) + ")", iInterval);
            }
        });

    $('.aRight').click(function()
        {
            if (curImage < numImages-1 )
                showPic(curImage + 1);
            else    
                showPic(0);
        });

    $('.aRightEnd').click(function()
        {
            showPic(numImages-1);
        });
        */
});
  
    function showPic(iImgIndex)
    {
        clearTimeout(slideshow_timer);
       
        $('#img_view').fadeOut(500, function () {

            iImgIndex = iImgIndex % numImages;

            $('#img_view').attr("src", dimages[iImgIndex].src );   // $(sSourceID).attr("src") 
            $('#img_view').attr("width", dimages[iImgIndex].clientwidth ); 
            $('#img_view').attr("height", dimages[iImgIndex].clientheight ); 

            if ($('#divPicView').length)
            {
                $('#divPicView').css("margin-left", (dimages[iImgIndex].clientwidth/2)*(-1) );
                $('#divPicView').css("margin-top", (dimages[iImgIndex].clientheight/2)*(-1) );
            }
            if (bHasDesc)
            {
                $('#img_desc').text( simagedescs[iImgIndex] );
            }

            $('#img_view').fadeIn(500, function () {});
            
            curImage = iImgIndex;
            // homepage index
            $('.image_index').css("color", "white");
            $('.image_index').css("text-decoration", "none");
            $('#aImageIndex' + curImage).css("color", "red");
            $('#aImageIndex' + curImage).css("text-decoration", "underline");
            
            slideshow_timer = setTimeout("showPic(" + (curImage+1) + ")", iInterval);
        });
    }

slideshow_timer = setTimeout("showPic(" + (curImage+1) + ")", iInterval);



function moveLeftEnd()
        {
            showPic(0);
        }

function moveLeft()
        {
            if (curImage>0)
                showPic(curImage - 1);
            else    
                showPic(numImages-1);
        }

function pause()
        {
            if (!bPause)
            {
                clearTimeout(slideshow_timer);
                $('#aPause').text("4");
                bPause = true;
            }
            else
            {
                $('#aPause').text(";");
                bPause = false;
                slideshow_timer = setTimeout("showPic(" + (curImage+1) + ")", iInterval);
            }
        }

function moveRight()
        {
            if (curImage < numImages-1 )
                showPic(curImage + 1);
            else    
                showPic(0);
        }

function moveRightEnd()
        {
            showPic(numImages-1);
        }