var image_array = new Array;
var current_image = 0;
var fullsize_box;
var fullsize_img;

var initialize = function() {
	links = $$('.gallerylink');
	fullsize_box = $('fullsize_box');
	fullsize_img = $('fullsize_img');
	
	fullsize_img.observe('click',hideImgBox);
	
	var i = 0;
	links.each(function (l) {
		l.id = i;
		preload = new Image;
		preload.src = l.href;
		image_array.push(preload);
		l.observe('click',showImage);
		i++;
		
	});
}

var showImage = function(event) {
	img_id = event.element().parentNode.id;
	current_image = img_id;
	displayImgBox();
	Event.stop(event);
}

var hideImgBox = function() {
	Element.setStyle(fullsize_box,{'display':'none'});
}

var changeImage = function(d) {

	current_image = parseInt(current_image) + d;
	if (current_image < 0) {
		current_image = 0;
		}
	if (current_image >= image_array.length) {
		current_image = image_array.length-1;
	}
	
	displayImgBox();
}

var displayImgBox = function() {
	img_file = image_array[current_image];
	fullsize_box.show();
	fullsize_img.src = img_file.src;
	
	Element.setStyle(fullsize_box,{'display':'block'});
	
}

Event.observe(window, 'load', function() {
  initialize();
});