var currentImage = 0;
var totalImages = 0;
var images;
function getPreviousImage()
{
	if(currentImage > 0)
	{
		images.childNodes[currentImage].style.display = 'none';
	
		--currentImage;
		images.childNodes[currentImage].style.display = 'block';
		currentImageEl.innerHTML = currentImage + 1;
	}
}

function getNextImage()
{
	if(currentImage < (totalImages - 1))
	{
		images.childNodes[currentImage].style.display = 'none';
	
		++currentImage;
		images.childNodes[currentImage].style.display = 'block';
		currentImageEl.innerHTML = currentImage + 1;
	}
}

window.onload = function()
{
	document.getElementById('previousImage').onclick = getPreviousImage;
	document.getElementById('nextImage').onclick = getNextImage;
	currentImageEl = document.getElementById('currentImage');
	images = document.getElementById('imagesList');
	totalImages = images.childNodes.length;
}


