function preloadImages()
{
   for (var i=0; i <= picture.length; i++)
   {
       image[i] = new Image;
       image[i].src = picture[i];
   }
}

function displayPicture()
{
   document.getElementById( "picture" + currentSetNumber ).src = image[picNumber-1].src;
   document.getElementById( "caption" + currentSetNumber ).innerHTML = caption[picNumber-1];
}

function firstPicture2()
{
    window.clearTimeout( timeoutID );
    picNumber = setFirst[currentSetNumber];
    setButtonEnabledState();
    displayPicture();
}

function nextPicture2()
{
   if( picNumber < setLast[currentSetNumber])
   {
       picNumber++
   }
   setButtonEnabledState();
   displayPicture();
}

function previousPicture2()
{
   if(picNumber > setFirst[currentSetNumber])
   {
      picNumber--
   }
   setButtonEnabledState();
   displayPicture();
}

function LastPicture2()
{
    window.clearTimeout( timeoutID );
    picNumber = setLast[currentSetNumber];
    setButtonEnabledState();
    displayPicture();
}

var timeoutID = 0;

function stopPause ( stop )
{
    window.clearTimeout( timeoutID );
    if ( stop )
    {
       firstPicture2();
    }
    // setButtonEnabledState()
    document.getElementById( "imgStop" + currentSetNumber ).src = "StopDisabled.gif";
    document.getElementById( "Stop" + currentSetNumber ).disabled = true;
    document.getElementById( "imgPause" + currentSetNumber ).src = "PauseDisabled.gif";
    document.getElementById( "Pause" + currentSetNumber ).disabled = true;
}


function PlayLab( f )
{

    fContinue = f

    document.getElementById( "imgStop" + currentSetNumber ).src = "StopNormal.gif";
    document.getElementById( "Stop" + currentSetNumber ).disabled = false;
    document.getElementById( "imgPause" + currentSetNumber ).src = "PauseNormal.gif";
    document.getElementById( "Pause" + currentSetNumber ).disabled = false;
    switch ( fContinue )
    {
        case 1:
            window.clearTimeout( timeoutID );
//            document.getElementById( "Play" + currentSetNumber ).disabled = true;
            fContinue = 11;
            if ( picNumber == setLast[currentSetNumber])
            {
                firstPicture2();
            }
            timeoutID = window.setTimeout("PlayLab(fContinue)", playInterval[currentSetNumber] );
            break;
        case 2:
            window.clearTimeout( timeoutID );
//            document.getElementById( "FastPlayForward" + currentSetNumber ).disabled = true;
            fContinue = 12;
            if ( picNumber == setLast[currentSetNumber])
            {
                firstPicture2();
            }
            timeoutID = window.setTimeout("PlayLab(fContinue)", playInterval[currentSetNumber]/5 );
            break;
        case 11:
            if ( picNumber < setLast[currentSetNumber])
            {
                nextPicture2();
                timeoutID = window.setTimeout("PlayLab(fContinue)", playInterval[currentSetNumber] );
            }
            else
            {
                stopPause( 0 );
            }
            break;
        case 12:
            if ( picNumber < setLast[currentSetNumber])
            {
               nextPicture2();
               timeoutID = window.setTimeout("PlayLab(fContinue)", playInterval[currentSetNumber]/5 );
            }
            else
            {
                stopPause( 0 );
            }
            break;
        case -1:
            window.clearTimeout( timeoutID );
//            document.getElementById( "PlayR" + currentSetNumber ).disabled = true;
            fContinue = -11;
            if ( picNumber == setFirst[currentSetNumber])
            {
                LastPicture2();
            }
            timeoutID = window.setTimeout("PlayLab(fContinue)", playInterval[currentSetNumber] );
            break;
        case -2:
            window.clearTimeout( timeoutID );
//            document.getElementById( "FastPlayReverse" + currentSetNumber ).disabled = true;
            fContinue = -12;
            if ( picNumber == setFirst[currentSetNumber])
            {
                LastPicture2();
            }
            window.setTimeout("PlayLab(fContinue)", playInterval[currentSetNumber]/5 );
            break;
        case -11:
            if ( picNumber > setFirst[currentSetNumber])
            {
                previousPicture2();
                timeoutID = window.setTimeout("PlayLab(fContinue)", playInterval[currentSetNumber] );
            }
            else
            {
                stopPause( 0 );
            }
            break;
        case -12:
            if ( picNumber > setFirst[currentSetNumber])
            {
                previousPicture2();
                timeoutID = window.setTimeout("PlayLab(fContinue)", playInterval[currentSetNumber]/5 );
            }
            else
            {
                stopPause( 0 );
            }
            break;
    }

}
function setButtonEnabledState()
{
    if ( picNumber == setFirst[currentSetNumber])
   {
        document.getElementById( "imgSkipReverse" + currentSetNumber ).src = "SkipReverseDisabled.gif";
        document.getElementById( "First" + currentSetNumber ).disabled = true;
        document.getElementById( "imgRewind" + currentSetNumber ).src = "RewindDisabled.gif";
        document.getElementById( "fastPlayReverse" + currentSetNumber ).disabled = true;
        document.getElementById( "imgPlayReverse" + currentSetNumber ).src = "PlayReverseDisabled.gif";
        document.getElementById( "PlayR" + currentSetNumber ).disabled = true;
        document.getElementById( "imgFrameReverse" + currentSetNumber ).src = "FrameReverseDisabled.gif";
        document.getElementById( "Previous" + currentSetNumber ).disabled = true;
        document.getElementById( "imgFrameForward" + currentSetNumber ).src = "FrameForwardNormal.gif";
        document.getElementById( "Next" + currentSetNumber ).disabled = false;
        document.getElementById( "imgPlay" + currentSetNumber ).src = "PlayNormal.gif";
        document.getElementById( "Play" + currentSetNumber ).disabled = false;
        document.getElementById( "imgFastForward" + currentSetNumber ).src = "FastForwardNormal.gif";
        document.getElementById( "fastPlayForward" + currentSetNumber ).disabled = false;
        document.getElementById( "imgSkipForward" + currentSetNumber ).src = "SkipForwardNormal.gif";
        document.getElementById( "Last" + currentSetNumber ).disabled = false;
    }
    else if ( picNumber == setLast[currentSetNumber])
   {
        document.getElementById( "imgSkipReverse" + currentSetNumber ).src = "SkipReverseNormal.gif";
        document.getElementById( "First" + currentSetNumber ).disabled = false;
        document.getElementById( "imgRewind" + currentSetNumber ).src = "RewindNormal.gif";
        document.getElementById( "fastPlayReverse" + currentSetNumber ).disabled = false;
        document.getElementById( "imgPlayReverse" + currentSetNumber ).src = "PlayReverseNormal.gif";
        document.getElementById( "PlayR" + currentSetNumber ).disabled = false;
        document.getElementById( "imgFrameReverse" + currentSetNumber ).src = "FrameReverseNormal.gif";
        document.getElementById( "Previous" + currentSetNumber ).disabled = false;
        document.getElementById( "imgFrameForward" + currentSetNumber ).src = "FrameForwardDisabled.gif";
        document.getElementById( "Next" + currentSetNumber ).disabled = true;
        document.getElementById( "imgPlay" + currentSetNumber ).src = "PlayDisabled.gif";
        document.getElementById( "Play" + currentSetNumber ).disabled = true;
        document.getElementById( "imgFastForward" + currentSetNumber ).src = "FastForwardDisabled.gif";
        document.getElementById( "fastPlayForward" + currentSetNumber ).disabled = true;
        document.getElementById( "imgSkipForward" + currentSetNumber ).src = "SkipForwardDisabled.gif";
        document.getElementById( "Last" + currentSetNumber ).disabled = true;
   }
   else
   {
        document.getElementById( "imgSkipReverse" + currentSetNumber ).src = "SkipReverseNormal.gif";
        document.getElementById( "First" + currentSetNumber ).disabled = false;
        document.getElementById( "imgRewind" + currentSetNumber ).src = "RewindNormal.gif";
        document.getElementById( "fastPlayReverse" + currentSetNumber ).disabled = false;
        document.getElementById( "imgPlayReverse" + currentSetNumber ).src = "PlayReverseNormal.gif";
        document.getElementById( "PlayR" + currentSetNumber ).disabled = false;
        document.getElementById( "imgFrameReverse" + currentSetNumber ).src = "FrameReverseNormal.gif";
        document.getElementById( "Previous" + currentSetNumber ).disabled = false;
        document.getElementById( "imgFrameForward" + currentSetNumber ).src = "FrameForwardNormal.gif";
        document.getElementById( "Next" + currentSetNumber ).disabled = false;
        document.getElementById( "imgPlay" + currentSetNumber ).src = "PlayNormal.gif";
        document.getElementById( "Play" + currentSetNumber ).disabled = false;
        document.getElementById( "imgFastForward" + currentSetNumber ).src = "FastForwardNormal.gif";
        document.getElementById( "fastPlayForward" + currentSetNumber ).disabled = false;
        document.getElementById( "imgSkipForward" + currentSetNumber ).src = "SkipForwardNormal.gif";
        document.getElementById( "Last" + currentSetNumber ).disabled = false;
   }
}

function EnableButtons(setNumber)
{
    window.clearTimeout( timeoutID );

    document.getElementById( "imgSkipReverse" + currentSetNumber ).src = "SkipReverseDisabled.gif";
    document.getElementById( "First" + currentSetNumber ).disabled = true;
    document.getElementById( "imgRewind" + currentSetNumber ).src = "RewindDisabled.gif";
    document.getElementById( "fastPlayReverse" + currentSetNumber ).disabled = true;
    document.getElementById( "imgPlayReverse" + currentSetNumber ).src = "PlayReverseDisabled.gif";
    document.getElementById( "PlayR" + currentSetNumber ).disabled = true;
    document.getElementById( "imgFrameReverse" + currentSetNumber ).src = "FrameReverseDisabled.gif";
    document.getElementById( "Previous" + currentSetNumber ).disabled = true;
    document.getElementById( "imgStop" + currentSetNumber ).src = "StopDisabled.gif";
    document.getElementById( "Stop" + currentSetNumber ).disabled = true;
    document.getElementById( "imgPause" + currentSetNumber ).src = "PauseDisabled.gif";
    document.getElementById( "Pause" + currentSetNumber ).disabled = true;

    currentSetNumber = setNumber;
    picNumber = setFirst[currentSetNumber];

    document.getElementById( "imgFrameForward" + currentSetNumber ).src = "FrameForwardNormal.gif";
    document.getElementById( "Next" + currentSetNumber ).disabled = false;
    document.getElementById( "imgPlay" + currentSetNumber ).src = "PlayNormal.gif";
    document.getElementById( "Play" + currentSetNumber ).disabled = false;
    document.getElementById( "imgFastForward" + currentSetNumber ).src = "FastForwardNormal.gif";
    document.getElementById( "fastPlayForward" + currentSetNumber ).disabled = false;
    document.getElementById( "imgSkipForward" + currentSetNumber ).src = "SkipForwardNormal.gif";
    document.getElementById( "Last" + currentSetNumber ).disabled = false;

//   displayPicture();
}

var buttons = new Array(
"./SkipReverseDisabled.gif",
"./RewindDisabled.gif",
"./PlayReverseDisabled.gif",
"./FrameReverseDisabled.gif",
"./StopDisabled.gif",
"./PauseDisabled.gif",
"./FrameForwardDisabled.gif",
"./PlayDisabled.gif",
"./FastForwardDisabled.gif",
"./SkipForwardDisabled.gif",
"./SkipReverseNormal.gif",
"./RewindNormal.gif",
"./PlayReverseNormal.gif",
"./FrameReverseNormal.gif",
"./StopNormal.gif",
"./PauseNormal.gif",
"./FrameForwardNormal.gif",
"./PlayNormal.gif",
"./FastForwardNormal.gif",
"./SkipForwardNormal.gif"
)
var imageButton = new Array ( buttons.length )

function displayImageCaptionButtons( n, singleControl )
{
    for (var i=0; i <= buttons.length; i++)
    {
        imageButton[i] = new Image;
        imageButton[i].src = buttons[i];
    }

    document.writeln( '<table>');
    document.writeln( '<tr>');
    if  ( singleControl != 1 )
    {
        document.writeln( '<button type=button title="Enable" onclick="JavaScript:EnableButtons(' + n + ')"><img align=middle src=./EnableNormal.gif></button>' );
    }
    document.writeln( '<button disabled type=button title="First image" id="First' + n + '" onclick="JavaScript:firstPicture2()"><img id=imgSkipReverse' + n + ' align=middle src=./SkipReverseDisabled.gif></button>' );
    document.writeln( '<button disabled type=button title="Fast play reverese" id="fastPlayReverse' + n + '" name="fastPlayReverse' + n + '" onclick="JavaScript:PlayLab(-2)"><img id=imgRewind' + n + ' align=middle src=./RewindDisabled.gif></button>' );
    document.writeln( '<button disabled type=button title="Play reverse" id="PlayR' + n + '" name="PlayR' + n + '" onclick="JavaScript:PlayLab(-1)"><img id=imgPlayReverse' + n + ' align=middle src=./PlayReverseDisabled.gif></button>' );
    document.writeln( '<button disabled type=button title="Previous image" id="Previous' + n + '" name="Previous' + n + '" onclick="JavaScript:previousPicture2()"><img id=imgFrameReverse' + n + ' align=middle src=./FrameReverseDisabled.gif></button>' );
    document.writeln( '<button disabled type=button title="Stop" id="Stop' + n + '" name="Stop' + n + '" onclick="JavaScript:stopPause(1)"><img id=imgStop' + n + ' align=middle src=./StopDisabled.gif></button>' );
    document.writeln( '<button disabled type=button title="Pause" id="Pause' + n + '" name="Pause' + n + '" onclick="JavaScript:stopPause(0)"><img id=imgPause' + n + ' align=middle src=./PauseDisabled.gif></button>' );
    document.writeln( '<button disabled type=button title="Next image" id="Next' + n + '" name="Next' + n + '" onclick="JavaScript:nextPicture2()"><img align=middle id=imgFrameForward' + n + ' src=./FrameForwardDisabled.gif></button>' );
    document.writeln( '<button disabled type=button title="Play forward" id="Play' + n + '" name="Play' + n + '" onclick="JavaScript:PlayLab(1)"><img id=imgPlay' + n + ' align=middle src=./PlayDisabled.gif></button>' );
    document.writeln( '<button disabled type=button title="Fast play forward" id="fastPlayForward' + n + '" name="FastPlayForward' + n + '" onclick="JavaScript:PlayLab(2)"><img id=imgFastForward' + n + ' align=middle src=./FastForwardDisabled.gif></button>' );
    document.writeln( '<button disabled type=button title="Last image" id="Last' + n + '" name="Last' + n + '" onclick="JavaScript:LastPicture2()"><img id=imgSkipForward' + n + ' align=middle src=./SkipForwardDisabled.gif></button>' );
    document.writeln( '</span></tr>');
    document.writeln( '<tr>');
    document.writeln( '<td align=center valign=center width=' + pictureWidth[n] + ' height=' + pictureHeight[n] + '><img alt="Image" id="picture' + n + '" name="picture' + n + '" SRC=' + picture[setFirst[n]-1] + '></td>');
    document.writeln( '<td>&nbsp;</td>');
    document.writeln( '</tr>');
    document.writeln( '<tr>');
    document.writeln( '<td colspan=2><p id=caption' + n + '>' + caption[setFirst[n]-1] + '</td>');
    document.writeln( '</tr>');
    document.writeln( '</table>');
    if  ( singleControl )
    {
       EnableButtons( n );
    }

}

function togglePicture( setNumber )
{
   if( togglePicNumber[setNumber] == setLast[setNumber])
   {
       togglePicNumber[setNumber]--
   }
   else
   {
       togglePicNumber[setNumber]++
   }
   document.getElementById("picture" + setNumber ).src = image[togglePicNumber[setNumber]-1].src;
   document.getElementById( "caption" + setNumber ).innerHTML = caption[togglePicNumber[setNumber]-1];
}

function displayImageCaptionToggle( n )
{
    document.writeln( '<table>');
    document.writeln( '<tr>');
    document.writeln( '<button type=button title="Toggle" id="Toggle' + n + '" onclick="JavaScript:togglePicture(' + n + ')">Toggle</button>' );
    document.writeln( '</tr>');
    document.writeln( '<tr>');
    document.writeln( '<td align=center valign=center width=' + pictureWidth[n] + ' height=' + pictureHeight[n] + '><img alt="Image" id="picture' + n + '" name="picture' + n + '" SRC=' + picture[setFirst[n]-1] + '></td>');
    document.writeln( '<td>&nbsp;</td>');
    document.writeln( '</tr>');
    document.writeln( '<tr>');
    document.writeln( '<td colspan=2><p id=caption' + n + '>' + caption[setFirst[n]-1] + '</td>');
    document.writeln( '</tr>');
    document.writeln( '</table>');
}