﻿var x = new Object();
function ShowGallery() {
	if (!document.getElementById('Gallery')) return;
	x.objects = {
		left_button		:	document.getElementById('LeftButton'),
		right_button	:	document.getElementById('RightButton'),
		items			:	document.getElementById('Gallery').getElementsByTagName('LI'),
		images			:	document.getElementById('Gallery').getElementsByTagName('OL')[0].getElementsByTagName('img')
	}
	x.data = {
		items_count		:	x.objects.items.length,
		index			:	(x.objects.items.length > 5)?4:(x.objects.items.length-1)
	}
	for (var i=0; i<=x.data.index; i++) {
 		if (!x.objects.items[i]) break;
		x.objects.items[i].style.display = 'block';
	}
	for (var i=0; i<x.data.items_count; i++) {
		x.objects.images[i].onclick = function() {
			document.getElementById('BigPicture').src = this.src.replace('Small', 'Large');
			return false;
		}
	}
	x.objects.left_button.onclick = function() {
		if (x.data.index+1 >= x.data.items_count) return false;
		x.data.index++;
		x.objects.items[x.data.index].style.display = 'block';
		x.objects.items[x.data.index-5].style.display = 'none';
		return false;
	}
	x.objects.right_button.onclick = function() {
		if (x.data.index <= 4) return false;
		x.objects.items[x.data.index-5].style.display = 'block';
		x.objects.items[x.data.index].style.display = 'none';
		x.data.index--;
		return false;
	}
}
