﻿function renderGallery(index) {

	if (document.getElementById('image')) {
		var image = document.getElementById('image');
		if (image.getElementsByTagName('img')[0]) {
			image.getElementsByTagName('img')[0].src = images[index];
		} else {
			var img = document.createElement('img');
			img.src = images[index];
			img.alt = 'БЕНТО';
			image.appendChild(img);
		}
		
		var prev = document.getElementById('prev');
		
		if (images.length > 1 && index != 0) {
			prev.style.display = 'inline';
			prev.onclick = function() {
				renderGallery(index - 1);
				return false;
			}
		} else {
			prev.style.display = 'none';
		}

		var next = document.getElementById('next');
		
		if (images.length > 1 && index < images.length - 1) {
			next.style.display = 'inline';
			next.onclick = function() {
				renderGallery(index + 1);
				return false;
			}		
		} else {
			next.style.display = 'none';
		}
	}
}

window.onload = function() {
	renderGallery(0);
}