var ProductDetailImages = new Class(
{
	options:
	{
		base_element: null
	},	
	
	initialize:	function(options)
	{	
		this.setOptions(options);
		this.setElements();
		this.setEffects();
	},
	
	setElements: function()
	{
		// alle elementen aan base vastklappen via adopt. Daarna display: block; 
		$('image_caroussel').adopt(this.options.base_element);
		this.options.base_element.setStyle('display', 'block');
	},
	
	setEffects: function()
	{
		var images = this.options.base_element.getElements('.product_image');
		images.each(function(image)
		{
			image.addEvent('mouseenter', function()
			{
				image.effect('opacity',
				{
					duration: 200
				}).start(0.7, 1);
			}.bind(this));
			
			image.addEvent('mouseleave', function()
			{
				image.effect('opacity',
				{
					duration: 200
				}).start(1, 0.7);				
			}.bind(this));	
		}.bind(this));
		
		// alle afbeeldingen in container pakken. Effectje vastknopen, slimbox komt uit source zelf...
	}
});
ProductDetailImages.implement(new Options, new Events);