window.addEvent('domready', function() { 
	$$('.gallery').each(function(item){
		var num_image=5;
		var img_big=item.getElement('.framone');
		img_big.setStyle('position','relative');
		var LoadingBar = new Element('div', {
			'id': 'loadingbar',
			'styles': {
				'width': 128,
				'height': 15,
				'position':'absolute',
				'top': 153,
				'left': 181
			}
		});
		var ProgressBar = new Element('div', {
			'id': 'progressbar',
			'styles': {
				'width': 0,
				'height': '100%',
				'background-color':'red'
			}
		});
		var btnAnvanti = new Element('div', {
			'id': 'btnAnvanti',
			'class': 'btn'
			/*'styles': {
				'width': 20,
				'height': 50,
				'background-color':'blue'
			}*/
		});
		var btnIndietro = new Element('div', {
			'id': 'btnIndietro',
			'class': 'btn'
			/*'styles': {
				'width': 20,
				'height': 50,
				'background-color':'green'
			}*/
		});
		
		LoadingBar.adopt(ProgressBar);
		img_big.adopt(LoadingBar);
		
		if(item.getElement('.thumbs')){
			var thumbs=item.getElement('.thumbs');
		thumbs.setStyle('overflow','hidden');
		var a_img=thumbs.getElements('a');
		var ele_width=a_img[0].getStyle('width').toInt()+a_img[0].getStyle('margin-right').toInt();
		thumbs.setStyle('width',ele_width*num_image);
		var src_img=[];
		var elements_img=[];
		thumbs.getElements('img').each(function(img){
			src_img.include(img.getProperty('src'));
			elements_img.include(img);
			img.destroy();
		});
		var num_ele=src_img.length;

		var slider = new Element('div', {'id': 'galleryslider'});
		slider.setStyle('width',num_ele*ele_width);
		slider.adopt(thumbs.getChildren());
		thumbs.empty().adopt(slider);

var pos_slider=0;

		var myImages = new Asset.images(src_img, {
										
										
										
			onProgress: function(i) {
				ProgressBar.setStyle('width',(LoadingBar.getStyle('width').toInt()/num_ele)*(i+1))
			},
   			onComplete: function(){
				var count=0;
				LoadingBar.destroy();
        		a_img.each(function(ancor){
					ancor.adopt(elements_img[count]); 
					count++;
					ancor.addEvent('click',function(e){
						new Event(e).stop();
						var url=ancor.getProperty('href');
						var bigImage = new Asset.images(url,{
							onProgress: function() {
								img_big.getElement('img').setStyle('display','none');
							},
							onComplete: function(){
								img_big.getElement('img').setProperty('src',url);
								img_big.getElement('img').setStyle('display','block');
							}
						});
						var desc=ancor.getElement('img');
						desc=(desc.getProperty('alt'))?desc.getProperty('alt'):'' ;
						if(img_big.getElement('.description'))img_big.getElement('.description').set('text',desc);
					});
				});
				btnAnvanti.inject(thumbs,'after');
				if(num_image>=num_ele)btnAnvanti.setStyle('visibility','hidden');
				btnIndietro.inject(thumbs,'before');
				btnIndietro.setStyle('visibility','hidden');
				
				
				var myFx = new Fx.Tween(slider, {duration:500});
				btnAnvanti.addEvent('click',function(){
					if(pos_slider+num_image<num_ele){
						pos_slider=pos_slider+num_image;
						myFx.start('margin-left',-pos_slider*ele_width);
						if(num_image<=pos_slider)btnAnvanti.setStyle('visibility','hidden');
						if(pos_slider!=0)btnIndietro.setStyle('visibility','visible');
					}
				});
				btnIndietro.addEvent('click',function(){
					if(pos_slider-num_image>=0){
						pos_slider=pos_slider-num_image;
						myFx.start('margin-left',-pos_slider*ele_width);
						if(pos_slider==0)btnIndietro.setStyle('visibility','hidden');
						if(num_image>pos_slider)btnAnvanti.setStyle('visibility','visible');
					}
				});
				
    		}
			
			
			
		});
			
			}
			else {item.setStyle('height','330px');}
	});
});