var ssMinImage = 0
var ssImgTarget = "ssTarget"
var ssLoadingId = "ssLoading"
var ssContainer = null
var ssMaxImage = null
var ssTimeout = null
var ssStep = null
var ssAutoStart = null

//One off set-up of images
function ssInit(iContainer,iMaxImage,iTimeout,iPath,iStart)
{
    ssContainer = iContainer
    ssMaxImage = iMaxImage
    ssTimeout = iTimeout
    ssAutoStart = iStart

    ssStep = ssMinImage

    if (ssAutoStart)
        ssLoading()

    for (x=0;x<ssMaxImage;x++)
    {
        eval("img" + x + " = new Image()")
        eval("img" + x + ".src = '" + iPath + "img" + x + ".jpg'")
    }

    img0.onload = function(){ssWaitForLoad()}
}

//Wait a sec after state change - adsl too quick!
function ssWaitForLoad()
{
    var cmd

    if (ssAutoStart)
        cmd = "ssSet();ssRun()"
    else
        cmd = "ssRun()"

    setTimeout(cmd,1000)
}

//Renders a loading image
function ssLoading()
{
    var html = "<div id=\"" + ssLoadingId + "\">"
        + "<div class=\"ssLoading\">loading " + ssMaxImage + " slides...</div>"
        + "<img src=\"img/sys/loading.gif\" alt=\"loading slides...\"/></div>"

    document.getElementById(ssContainer).innerHTML = html
}

//Renders a container for the images
function ssSet()
{
    //TRC - why using ag styles here??
    var html = "<div class=\"agLeftNav\"/><img src=\"\" alt=\"Loading...\" id=\"" + ssImgTarget + "\"/><div class=\"agRightNav\"/>"

    document.getElementById(ssContainer).innerHTML = html
}

//Starts back at first img
function ssReset()
{
    ssStep = ssMinImage
}

//If loading div rendered then switch to img - way of seeing loading div again
function ssCheckLoading()
{
    if (document.getElementById(ssLoadingId))
    {
        ssSet()
        ssLoadImg()
    }
}

function ssRun()
{
    if (document.getElementById(ssImgTarget))
    {
        ssLoadImg()

        if (ssStep < ssMaxImage - 1)
            ssStep++
        else
            ssReset()
    }
    else
        ssCheckLoading()
    
    setTimeout("ssRun()", ssTimeout)
}

function ssLoadImg()
{
    document.getElementById(ssImgTarget).src = eval("img" + ssStep + ".src")
}