var ImageChanger = Class.create(
{
	imageArray: [],
	initialize: function(thumbClassname, imgContainer)
	{
		if($(imgContainer))
		{
			var self = this;
			
			if($$('.'+thumbClassname))
			{
				$$('.'+thumbClassname).each(function(elem)
				{
					$(elem).setAttribute('onclick', 'return false');
					self.prepareImage($(elem).getAttribute('rel'));
					$(elem).observe('click', function()
					{	
						/*$($$('.'+thumbClassname+' img.active')[0]).removeClassName('active');
						self.changeImage($(this).getAttribute('rel'), imgContainer);
						$($(this).getElementsByTagName('img')[0]).addClassName('active');*/
						$($$('.'+thumbClassname+'.active')[0]).removeClassName('active');
						self.changeImage($(this).getAttribute('rel'), imgContainer);
						$(this).addClassName('active');
					});					
				});
			}
		}			
	},
	
	changeImage: function(imgUrl, imageContainer)
	{
		$(imageContainer).update('<img src="'+imgUrl+'" />');
	},
	
	prepareImage: function(url)
	{
		var image = new Image();
		image.src = url;
		this.imageArray.push(image);
		image = null;
	}
});
Event.observe(window, 'load', function()
{
	var StoreImageChanger = new ImageChanger('imgThumb', 'imageViewContainer');
});