var arrayOfPics = new Array(2048);
var arrayOfWidths = new Array(2048);
var CurrentSelected=0;
var PlayMode = 0;
var SlideCount=0;
var timer=null;

function ChangePic(strSRC, selected, fslideshow)
{
    if (fslideshow==0)
        StopSlideShow();

    $('#SecondaryImg').fadeTo('slow', 0.01, function() {
        // Animation complete.
        document.getElementById("SecondaryImg").src = "images/pix.gif";
        document.getElementById("SecondaryImg").src = strSRC;
        $('#SecondaryImg').delay(600).fadeTo('slow', 1, function() {
            // Animation complete.
        });
    });
       
    object=document.getElementById("TN-" + CurrentSelected);    
    object.style.borderColor="black";

    object=document.getElementById("TN-" + selected);    
    object.style.borderColor="white";
    
    CurrentSelected=selected;
}

function ShowSelect(selected)
{
    object=document.getElementById("TN-" + selected);    
    object.style.borderColor="white";    
}    

function HideSelect(selected)
{
    if (selected != CurrentSelected)
    {
        object=document.getElementById("TN-" + selected);    
        object.style.borderColor="black";
    }    
}    

/************************* the slideshow functions **********************************************/
function HighliteStop()
{
    object=document.getElementById("StopButton");    
    object.src="images/stop-button-on.jpg";
}

function UnhighliteStop()
{
    if (PlayMode == 1)
    {
        object=document.getElementById("StopButton");    
        object.src="images/stop-button.jpg";
    }
}

function HighlitePlay()
{
    object=document.getElementById("PlayButton");    
    object.src="images/play-button-on.jpg";
}

function UnhighlitePlay()
{
    if (PlayMode == 0)
    {
        object=document.getElementById("PlayButton");    
        object.src="images/play-button.jpg";
    }    
}

function PlaySlideShow()
{
    if (PlayMode==1)
    {
        return;
    }
    else
    {    
        PlayMode=1;    
        HighlitePlay();
        UnhighliteStop();
        AdvanceSlide();
    }    
 }

function StopSlideShow()
{
    PlayMode=0;
    HighliteStop();
    UnhighlitePlay();
    clearTimeout(timer);
    SlideCount=0;    
 }

 
function AdvanceSlide()
{
    if (CurrentSelected < arrayLastIndex)
    {    
        SlideCount+=1;
        
        ChangePic(arrayOfPics[CurrentSelected+1], CurrentSelected+1, 1);

        if (SlideCount == 4)
        {
            var content = document.getElementById('Thumbnails');
            var y = content.scrollLeft;

            content.scrollLeft = y + 664;
            
            SlideCount=0;
        }
        
        if (PlayMode==1)
        {        
            timer=setTimeout("AdvanceSlide()", 6000);
        }
    }
    else
    {        
        SlideCount=0;
       
        var content = document.getElementById('Thumbnails');
        var y = content.scrollLeft;
        content.scrollLeft = y - 1000000;
       
        ChangePic(arrayOfPics[0], 0, 1);
        t=setTimeout("AdvanceSlide()", 6000);
    }        
 }

/************************* the scroll functions **********************************************/

var slowStep = 4;
var fastStep = 30;
var stepSize = slowStep;
var scrollInterval;
var intervalSpeed = 5;

function scrollRight() {

    var content = document.getElementById('Thumbnails');
    var y = content.scrollLeft;

    content.scrollLeft = y + stepSize;

}


function scrollLeft() {
    var content = document.getElementById('Thumbnails');
    var y = content.scrollLeft;

    content.scrollLeft = y - stepSize;
}


function startScrollLeft() {

    object=document.getElementById("ScrollLeft");    
    object.src="images/left-arrow-nav-on.jpg";

    if (scrollInterval != null) {
        clearInterval(scrollInterval);
    }

    stepSize = slowStep;
    scrollInterval = setInterval("scrollLeft()", intervalSpeed);
}

function startScrollRight() {

    object=document.getElementById("ScrollRight");    
    object.src="images/right-arrow-nav-on.jpg";

    if (scrollInterval != null) {
        clearInterval(scrollInterval);
    }

    stepSize = slowStep;
    scrollInterval = setInterval("scrollRight()", intervalSpeed);    
}


function stopScroll() {

    object=document.getElementById("ScrollLeft");    
    object.src="images/left-arrow-nav.jpg";
    object=document.getElementById("ScrollRight");    
    object.src="images/right-arrow-nav.jpg";

    clearInterval(scrollInterval);
    scrollInterval = null;

}

function stepUp() {

    stepSize = fastStep;

}

function stepDown() {

    stepSize = slowStep;

}

function initScroll() {
    //alert("DEBUG: InitiScroll()");
}


function KeyCheck(e) {

    var KeyID = (window.event) ? event.keyCode : e.keyCode;

    //alert(KeyID);
    switch (KeyID) {

        case 37:
            //alert("Arrow Left");
            stepSize = fastStep;
            stopScroll();
            scrollLeft();
            break;


        case 39:
            //alert("Arrow Right");
            stepSize = fastStep;
            stopScroll();
            scrollRight();
            break;

    }
}

//document.onkeyup = KeyCheck;
document.onkeydown = KeyCheck;
document.onkeyup = stopScroll;