var agImage
var agPath
var agImageURI
var agImages
var agCaption
var agStartImage = 0

function agGalleryTest()
{
    agInit(window.prompt("Enter Gallery Number",""))
}

function agInit(iGallery)
{
    agSetText("agCounter","")
    agSetText("agCaption","")
    agSetText("agHeader","")

    ajax("asp/agEngine.asp?g=" + iGallery,null,"agLoadGallery()")
    document.getElementById("agCanvas").style.visibility = "visible"
    agLoading()
}

function agClose()
{
    //TRC - Bespoke code - move to func fired on close click
    
    //If modal is open, ignore showing target    
    if (document.getElementById("modOuter").style.visibility == "hidden")
    {
        if (document.getElementById(targ).style.visibility == "hidden")
            document.getElementById(targ).style.visibility = "visible"
    }
    else if (document.getElementById(targ).style.visibility == "hidden")
        document.getElementById(targ).style.visibility = "visible";

    document.getElementById("agCanvas").style.visibility = "hidden"
}

function agLoadGallery()
{
    if (window.ActiveXObject)
    {
        var root = ajaxXMLDOM.selectSingleNode("/root")
        agImages = ajaxXMLDOM.selectNodes("/root/img")
    }
    else
    {
        var root = ajaxXMLDOM.getElementsByTagName("root")[0]
        agImages = ajaxXMLDOM.getElementsByTagName("img")
    }
    
    agPath = root.getAttribute("path")
    agImageCount = root.getAttribute("cnt")
    agSetText("agHeader",root.getAttribute("name"))

    agloadImage(agStartImage)
}

function agLoading()
{
    agSetText("agCaption","")

    var html = "<div id=\"agLoading\">"
        + "<div id=\"agLoadingCaption\">loading image...</div>"
        + "<img src=\"img/sys/loading.gif\" alt=\"loading slides...\"/></div>"

    document.getElementById("agContent").innerHTML = html
}

function agNext()
{
    if ((agIndex + 1) == agImageCount)
        agloadImage(agStartImage)
    else
        agloadImage(agIndex + 1)

    agLoading()
}

function agPrev()
{
    if (agIndex == agStartImage)
        agloadImage(agImageCount - 1)
    else
        agloadImage(agIndex - 1)
        
    agLoading()
}

function agloadImage(iIdx)
{
    agIndex = iIdx
    agImageURI = agPath + agImages[agIndex].getAttribute("src")
    agCaption = agImages[agIndex].getAttribute("txt")

    agImage = new Image()
    agImage.src = agImageURI

    //IE7 doesn't always fire onload event if img is cached
    if (agImage.complete)
        agWaitForLoad()

    agImage.onload = function(){agWaitForLoad()}
}

function agWaitForLoad()
{
    setTimeout("agShowImage()",500)
}

function agSetText(iObj,iText)
{
    if (document.all)
        document.getElementById(iObj).innerText = iText
    else
        document.getElementById(iObj).textContent = iText
}

function agShowImage()
{
    var html = "<img src=\"" + agImageURI + "\" id=\"agImage\"/>"
    document.getElementById("agContent").innerHTML = html

    agSetText("agCounter",agIndex + 1 + "/" + agImageCount)
    agSetText("agCaption",agCaption)
}