window.addEvent('domready', function() {
 	fslider('#areaMainBot');
	if(slider2==1)	fslider('#areaMainTop');
});

function ajax(){
	$$('#areaMainTop #thumbs a').each(function(item){
		item.addEvent('click', function(e) {
			e = new Event(e).stop();
			var query_string=item.getProperty('href');
			var brokenstring=query_string.split("?");
			query_string=brokenstring[brokenstring.length-1];
			var url="../_res/php/comunicazione-ajax.php?"+query_string;
			var el = new Element('div', {'id': 'preview'});
			el.injectInside($('areaMainTop'));
			//el.setProperty('width',960);
			//el.setProperty('height',307);
			new Ajax(url, {
				method: 'get',
				update: $('preview'),
				onComplete: function(){
					$E('ul', 'areaMainTop').setStyle('display','none');
					new MultiBox('mb', {descClassName: 'multiBoxDesc'});
					$('indietro').addEvent('click', function(e) {
						e = new Event(e).stop();
						el.remove();
						$E('ul', 'areaMainTop').setStyle('display','block');
					});
				}
			}).request();
		});
	});
}

function fslider(cont){
	if(slider2==1 && cont=="#areaMainTop") ajax();
	var finestra=$E(cont+' #liThumbs').getStyle('width').toInt();
	var num_img=$E(cont+' #thumbs').getLast().getProperty('id');
	var width_img=$E(cont+' #thumbs a').getStyle('width').toInt();
	var step=width_img+15;
	var slider=$E(cont+' #thumbs').setStyle('width',(num_img*step));
	//alert(slider.getStyle('width'));//conenitore scorrevole 
	var avanti=$E(cont+' #arwRight'); //fraccia avanti
	var indietro=$E(cont+' #arwLeft'); //fraccia indietro
	var selected=$E(cont+' #thumbs .selected');
	var limit_max= slider.getStyle('width').toInt();//grandezza contenitore scorrevole delle imamgini
	var fx = new Fx.Styles(slider, {wait:true,duration:500});
	if(selected!=null)	selected=selected.getProperty('id');
	else	selected=1;
	if(num_img*step<finestra){
		var spostamento=0;
		indietro.setStyle('display','none');
		avanti.setStyle('display','none');
	}else{
		var spostamento= ((selected-1)*-step);
		if(spostamento>0)	var spostamento= 0;
		if(spostamento<(limit_max-finestra)*-1) {
			spostamento=(limit_max-finestra)*-1;
			errore=spostamento%step;
			spostamento=spostamento-errore;
		}
		if(spostamento==0)	indietro.setStyle('visibility','hidden');
		if(spostamento==(limit_max-finestra)*-1)	avanti.setStyle('visibility','hidden');
		fx.start({'left': spostamento});
		indietro.addEvent('click', function(){
			avanti.setStyle('visibility','visible');
			if(spostamento<0) {
				spostamento=spostamento+step;
				if(spostamento>=0)	indietro.setStyle('visibility','hidden');
				fx.start({'left': spostamento});
			}
		});
		avanti.addEvent('click', function(){
			indietro.setStyle('visibility','visible');
			if(limit_max+spostamento>finestra){
				spostamento=spostamento-step;
				if(spostamento<=(limit_max-finestra)*-1)	avanti.setStyle('visibility','hidden');
				fx.start({'left': spostamento});
			}
		});
	}
}