Event.observe(window, 'load', function() {	
	$('next_button').observe('click',function(e) {
		
		$('gallery').childElements()[current_image].removeClassName('visible');
		$('gallery').childElements()[nextImage()].addClassName('visible');
		
		e.stop();
	});
	$('prev_button').observe('click',function(e) {
		
		$('gallery').childElements()[current_image].removeClassName('visible');
		$('gallery').childElements()[prevImage()].addClassName('visible');
		
		e.stop();
	});
	
/*	$('filmreel').childElements().each(function(obj,i) {
		obj.observe('click',function(e) {
			Event.stop(e);
			var id = obj.id;
			id = id.substr(2);
			var img = new Element('img',{ src:'./images/'+id+'.jpg' });
			$('sample').firstDescendant().remove();
			$('sample').insert(img);
		});
	}); */
	$('gallery').firstDescendant().addClassName('visible');
});

function nextImage() {
	var size = $('gallery').childElements().size()
	if (current_image + 1 >= size)
		current_image = 0;
	else
		current_image++;
	
	return current_image;
}

function prevImage() {
	var size = $('gallery').childElements().size()
	if (current_image <= 0)
		current_image = size-1;
	else
		current_image--;
	
	return current_image;
}

var current_image = 0;