// JScript File
arPic = new Array();
iIndex = 0;

function preloadImg()
{
    arPic = new Array(arImg.length);
    
    for(i=0; i<arImg.length; i++)
    {
        pic = new Image(400,600); 
        pic.src= "./replace/" + arImg[i];
        
        arPic[i] = pic;                     
    }
    showImage(arPic[iIndex]);
    if(arImg.length <= 1)
    {
    btnObj = document.getElementById("btnVolgende");
        if(btnObj)
        {
            btnObj.style.visibility = "hidden";
        }
    }
    btnObj = document.getElementById("btnVorige");
        if(btnObj)
        {
            btnObj.style.visibility = "hidden";
        }		           
}
function showImage(sImage)
{

    cellObj = document.getElementById("cellImage");
    if(cellObj)
    {		
            
        cellObj.style.backgroundImage = "url(" + sImage.src +")";
    }
}
function showNextImg()
{
    iIndex++;
    showImage(arPic[iIndex]);
    if(iIndex >= (arImg.length - 1))
    {
        btnObj = document.getElementById("btnVolgende");
        if(btnObj)
        {
            btnObj.style.visibility = "hidden";
        }
    }
    
    btnObj = document.getElementById("btnVorige");
        if(btnObj)
        {
            btnObj.style.visibility = "visible";
        }
}
function showPreviousImg()
{
    iIndex--;
    showImage(arPic[iIndex]);
    if(iIndex == 0)
    {
        btnObj = document.getElementById("btnVorige");
        if(btnObj)
        {
            btnObj.style.visibility = "hidden";
        }
    }
    btnObj = document.getElementById("btnVolgende");
        if(btnObj)
        {
            btnObj.style.visibility = "visible";
        }
}

window.onload = function(){
    preloadImg();
}