var initialized=false;

var selImg=0;
var img=new Array();

var selectableImage="<a href='javascript:showImage({index})'>{index}</a>";
var selectedImage="{index}";
var imgSeparator=" - ";

function showImage(index)
{
    var dispObj=document.getElementById("imgDisplay");
    var selObj=document.getElementById("imgSelectDisplay");

    if (dispObj!=null && selObj!=null)
    {
        dispObj.src=img[index-1];
        selImg=index;

        var html="";
        for (var i=1; i<=img.length; i++)
        {
            var tmp=(i==selImg?selectedImage:selectableImage);
            tmp=tmp.replace(/{index}/g, i);

            html+=tmp;

            if (i<img.length) html+=imgSeparator;
        }

        selObj.innerHTML=html;
    }
}

function initImages()
{
    if (!initialized)
    {
        showImage(1);
        initialized=true;
    }
}