var currentImg = 0;

function firstImage()
{
    if (imageArray.length != 0)
    {
        currentImg = 0;
	    //document.getElementById(imageElement).src = imageDir + imageArray[currentImg];
	    document.getElementById(imageElement).src = imageArray[currentImg];
        document.getElementById(imgCountElement).innerHTML = (currentImg + 1) + '/' + imageArray.length;
    }
}

function prevImg()
{
    if (imageArray.length != 0)
    {
        if (currentImg - 1 < 0)
            currentImg = imageArray.length - 1;
        else { currentImg--; }
	    //document.getElementById(imageElement).src = imageDir + imageArray[currentImg];
	    document.getElementById(imageElement).src = imageArray[currentImg];	    
	    document.getElementById(imgCountElement).innerHTML = (currentImg + 1) + '/' + imageArray.length;
	}
}

function nextImg()
{
    if (imageArray.length != 0)
    {
        if (currentImg + 1 >= imageArray.length)
            currentImg = 0;
        else { currentImg++; }
	    //document.getElementById(imageElement).src = imageDir + imageArray[currentImg];
	    document.getElementById(imageElement).src = imageArray[currentImg];
	    document.getElementById(imgCountElement).innerHTML = (currentImg + 1) + '/' + imageArray.length;
	}
}