function ZoomBox(thumb_width, thumb_height, width, height) {
	this.i_width = width;
	this.i_height = height;
	
	this.i_thumb_width = thumb_width;
	this.i_thumb_height = thumb_height;
	
	this.i_images = Array();
}

ZoomBox.prototype.addImage = function(image) {
	this.i_images[this.i_images.length] = image;
	image.i_parent = this;
	if (this.i_loaded == undefined) {
		this.loadImage(image);
	}
}

ZoomBox.prototype.loadImage = function(image) {
	document.getElementById('image_title').innerHTML = image.i_title;
	document.getElementById('image_description').innerHTML = image.i_description;
	this.i_loaded = image;
	ImageManager.loadImage(image.i_image_url);
}

ZoomBox.prototype.getThumbs = function() {
	if (this.i_thumbs == undefined) {
		this.i_thumbs = document.createElement('DIV');
		for (var x = 0; x < this.i_images.length; x++) {
			this.i_thumbs.appendChild(this.i_images[x].getThumb(this.i_thumb_width, this.i_thumb_height));
		}
	}
	return this.i_thumbs;
}




function ZoomImage(thumb_url, image_url, title, description) {
	this.i_thumb_url = thumb_url;
	this.i_image_url = image_url;
	this.i_title = title;
	this.i_description = description;
}

ZoomImage.prototype.getThumb = function(width, height) {
	if (this.i_thumb == undefined) {
		this.i_thumb = document.createElement('DIV');
		this.i_thumb.className = "image_box";
		this.i_thumb.style.backgroundImage = "url(" + this.i_thumb_url + ")";
		this.i_thumb.style.width = width + "px";
		this.i_thumb.style.height = height + "px";
		this.i_thumb.i_image = this;
		this.i_thumb.onclick = ZoomImage.handleClick;
	}
	return this.i_thumb;
}

ZoomImage.handleClick = function(e) {
	this.i_image.i_parent.loadImage(this.i_image);
}