window.addEvent('load', function(){
	// gallery
	var gal_container = $('gallery_small');
	var visible_gal_box = $('inside_small');
	
	visible_gal_box.setStyle('display', 'block');

	var margins = new Array();
	margins['left'] = 2, 
	margins['right'] = 5;
	var borders = 2; // 2* 1px
	var thumbs_array = [];
	// tworzenie tablicy ze zdjeciami galerii i ich wymiarami
	var childrens = gal_container.getElements('div.image');

	var gallery_width = 10;
	childrens.each(function(el, index){
		
		var element_width = el.getStyle('width').toInt() + margins['left'] + margins['right'] + borders;
		
		thumbs_array[index] = element_width;
		gallery_width = gallery_width + element_width;
		
	});
	gallery_width = gallery_width + margins['right']; // for carousel
	visible_gal_box.setStyle('width', gallery_width+'px');

	// scroller
	var scroll2 = new Scroller('gallery_small', {area: 120, velocity: 0.2}); 
	scroll2.start();
	// opacity
	var opacity = 0.66, toOpacity = 1;
	
	childrens.each(function(element) {
		element.setStyle('opacity',opacity);
		
	//	var fx = new Fx.Styles(element, {duration:200, wait:false}); old
		var fx = new Fx.Morph(element, {duration:200, wait:false});
	 
		element.addEvent('mouseenter', function(){
			fx.start({
				'opacity': toOpacity
			});
		});
		element.addEvent('mouseleave', function(){
			fx.start({
				'opacity': opacity
			});
		});
	});
});