//<SCRIPT>

var iImageCount;
var divViewing;


function Init()
{
    if (document.ImageRef != null && document.ImageRef.ListImage != null) {
        // default values
        iImageCount = document.ImageRef.ListImage.length
        if (iImageCount == null)
            iImageCount = 1;

        divViewing = document.getElementById('Viewing');

        // element values
        if (iImageCount > 1)
            document.Photo.src = document.ImageRef.ListImage[0].value;
        else
            document.Photo.src = document.ImageRef.ListImage.value;

        document.ImageRef.CurrentImage.value = 0;
        document.Photo.alt = 'Viewing Photo 1 of ' + iImageCount;
        divViewing.innerHTML = 'Viewing Photo 1 of ' + iImageCount;
    }
}


function Next()
{
    if (document.ImageRef != null && document.ImageRef.ListImage != null) {
        var iCurrentImage;
        var iNextImage;

        iCurrentImage = parseInt(document.ImageRef.CurrentImage.value);

        if (iCurrentImage == iImageCount - 1)
            iNextImage = 0;
        else
            iNextImage = iCurrentImage + 1;

        if (iImageCount > 1)
            document.Photo.src = document.ImageRef.ListImage[iNextImage].value;

        else
            document.Photo.src = document.ImageRef.ListImage.value;

        document.ImageRef.CurrentImage.value = iNextImage;
        document.Photo.alt = 'Viewing Photo ' + (iNextImage + 1) + ' of ' + iImageCount;
        divViewing.innerHTML = 'Viewing Photo ' + (iNextImage + 1) + ' of ' + iImageCount;
    }
}

function Previous()
{
    if (document.ImageRef != null && document.ImageRef.ListImage != null) {
        var iCurrentImage;
        var iNextImage;

        iCurrentImage = parseInt(document.ImageRef.CurrentImage.value);

        if (iCurrentImage == 0)
            iNextImage = iImageCount - 1;
        else
            iNextImage = iCurrentImage - 1;

        if (iImageCount > 1)
            document.Photo.src = document.ImageRef.ListImage[iNextImage].value;

        else
            document.Photo.src = document.ImageRef.ListImage.value;

        document.ImageRef.CurrentImage.value = iNextImage;
        document.Photo.alt = 'Viewing Photo ' + (iNextImage + 1) + ' of ' + iImageCount;
        divViewing.innerHTML = 'Viewing Photo ' + (iNextImage + 1) + ' of ' + iImageCount;
    }
}