var GalerieImagesObjects = new Array;

function GalerieImages(zoom_element)
{	
	this.zoomObject = $(zoom_element);
			
	this.images = new Array;
	
	this.selectedImage = null;
	
	this.init = function()
	{
		GalerieImagesObjects[this.zoomObject.id] = this;
	}
	
	this.addImage = function(container_element, zoom_src)
	{
	
		var image = $(container_element);
		this.images[image.id] = new Array;
		this.images[image.id]['obj'] = image;
		this.images[image.id]['zoom_src'] = zoom_src;
		
		if(!this.selectedImage)
		{
			this.selectedImage = image;
			this.selectedImage.addClassName('selected');
			
		}		
			
		Event.observe(image, 'click', this.selectImage.bind(this, image));
	}
	
	this.selectImage = function(container_element)
	{
		var image = $(container_element);
		if(this.images[image.id])
		{
			if(this.selectedImage)
				$(this.selectedImage).removeClassName('selected');
			
			this.selectedImage = this.images[image.id]['obj'];
			
			var zoom_src = this.images[image.id]['zoom_src'];
			
			this.selectedImage.addClassName('selected');
			
			this.changeZoomSrc(zoom_src);
		}
		
	}
	
	this.changeZoomSrc = function(zoom_src)
	{
		var image = Builder.node('img', {src:zoom_src, border:"0", style:"display:none;"});		
		this.zoomObject.removeChild(this.zoomObject.down('img'));
		
		this.zoomObject.appendChild(image);
		
		Effect.Appear(image);
	}
	
	this.init();
		
}