JsGallery = {}
JsGallery.photos = [];
JsGallery.idx = 0;

JsGallery.init = function(photos) {
	this.photos = photos;
	ImgLoader.add({ wrapper: $('g-large').getElement('p'), src: this.photos[0] + '_l' });
	if (this.photos.length > 1) {
		$('g-next').setStyle('visibility', 'visible');
		ImgLoader.add({ wrapper: $('g-next').getElement('div'), src: photos[1] });
		
		$('g-large').getElement('a.next').setStyle('visibility', 'visible');
	}
	
	$('g-large').getElement('a.next').addEvent('click', function() {
		JsGallery.next(1);
	});
	$('g-large').getElement('a.prev').addEvent('click', function() {
		JsGallery.next(-1);
	});
	$('g-next').getElement('a').addEvent('click', function() {
		JsGallery.next(1);
	});
	$('g-prev').getElement('a').addEvent('click', function() {
		JsGallery.next(-1);
	});
	
	$('g-large').getElement('span').setStyle('font-weight', 'bold');
	$('g-large').getElement('span').set('html', 1);
	$('g-large').getElement('strong').set('html', this.photos.length);
}

JsGallery.next = function(inc) {
	this.idx += inc;
	
	ImgLoader.add({ wrapper: $('g-large').getElement('p'), src: this.photos[this.idx] + '_l' });
	
	if (this.idx > 0) {
		$('g-prev').setStyle('visibility', 'visible');
		ImgLoader.add({ wrapper: $('g-prev').getElement('div'), src: photos[this.idx - 1] });
		
		$('g-large').getElement('a.prev').setStyle('visibility', 'visible');
	}
	else {
		$('g-prev').setStyle('visibility', 'hidden');
		$('g-large').getElement('a.prev').setStyle('visibility', 'hidden');
	}
	
	if (this.idx < this.photos.length - 1) {
		$('g-next').setStyle('visibility', 'visible');
		ImgLoader.add({ wrapper: $('g-next').getElement('div'), src: photos[this.idx + 1] });
		
		$('g-large').getElement('a.next').setStyle('visibility', 'visible');
	}
	else {
		$('g-next').setStyle('visibility', 'hidden');
		$('g-large').getElement('a.next').setStyle('visibility', 'hidden');
	}
	
	$('g-large').getElement('span').set('html', this.idx + 1);
}