window.addEvent('domready', function() {

			if($$('.framone').length>0){						 

	$$('.gallery').each(function(item){

		var num_image=3;

		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':'#3e1414'

			}

		});

		var btnAnvanti =$('btnAnvanti');

		var btnIndietro = $('btnIndietro');

		

		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('height').toInt()+a_img[0].getStyle('margin-bottom').toInt();

		

		thumbs.setStyle('height',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('height',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('longdesc'))?desc.getProperty('longdesc'):'' ;

						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(event){

					event.preventDefault();

					if(pos_slider+num_image<num_ele){

						pos_slider=pos_slider+num_image;

						myFx.start('margin-top',-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(event){

					event.preventDefault();

					if(pos_slider-num_image>=0){

						pos_slider=pos_slider-num_image;

						myFx.start('margin-top',-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');}

	});

									 }

});