window.addEvent('domready', function(){
	if($('cartella'))
	{
		var cartella = $('cartella').get('text');
		//console.log(cartella);
		var img = [
			'img/lavori/'+cartella+'/02.jpg',
			'img/lavori/'+cartella+'/03.jpg',
			'img/lavori/'+cartella+'/04.jpg',
			'img/lavori/'+cartella+'/05.jpg',
			'img/lavori/'+cartella+'/06.jpg'
		];
	
	new Asset.images(img);
	$('info_link').addEvent('click', function(e){
		e.stop();
		$('info').setStyle('visibility', 'visible');
		$('img_centrale').setStyle('visibility', 'hidden');
		$$('.thumb').each(function(img){
			img.setProperty('class', 'thumb trasparente');
		});
	});
	
		$$('.thumb').each(function(img){
			img.addEvent('click', function() {
				$$('.thumb').each(function(img_list){
					img_list.setProperty('class', 'thumb trasparente');
				});
				img.setProperty('class', 'thumb nontrasparente');
				var array = new Array();
				var id = $('img_centrale');
				if(id.getStyle('visibility') == 'hidden')
				{
					$('info').setStyle('visibility', 'hidden');
					id.setStyle('visibility', 'visible');
				}
				id.setProperty('src', 'img/vuoto.gif');
				url = img.getProperty('src');
				array = url.split("/");
				id.setProperty('src', array[0]+'/'+array[1]+'/'+array[2]+'/'+array[4]);
			});
		});
	}
	
	$$('.apri_sottomenu').addEvent('click', function(e) {
		e.stop();
		$('su').removeClass('no-display');
		$('giu').removeClass('no-display');
		$('maschera').removeClass('no-display');
		
		$$('.sottomenu').each(function(ul){
			ul.removeClass('display');
			ul.addClass('no-display');
		});
	});
	
	var increment = 32;
	var myFx = new Fx.Tween('menu-lista-lavori', {
		duration: 400,
		transition: Fx.Transitions.Quad.easeOut
	});
	var indietro = $('su');
	var avanti = $('giu');
	
	var maxLavori = 8;
	var totLavori = indietro.getNext().getChildren().getFirst().getProperty('id').toString().split('-')[1].toInt();
	var maxRightIncrement = increment*(-(totLavori - maxLavori));

	if($('cartella'))
		var lavoroAttivo = $$('.sottomenu-lavori .link_scuro').getParent().getParent().getProperty('id').toString().split('-')[1].toInt();
	else
		var lavoroAttivo = totLavori;
	
	if(lavoroAttivo == totLavori)
	{
		var totIncrement = 0;
		indietro.addClass('hidden');
	}
	if(lavoroAttivo <= maxLavori)
	{
		var totIncrement = maxRightIncrement;
		avanti.addClass('hidden');
	}
	if(lavoroAttivo > maxLavori && lavoroAttivo != totLavori)
	{
		var totIncrement = -(totLavori - lavoroAttivo)*increment;
	}
	
	myFx.set('margin-top', totIncrement);
	
	indietro.addEvents({
		'click' : function(event){
			event.stop();
			if(totIncrement < 0){
				totIncrement = totIncrement + increment;
				myFx.pause();
				myFx.start('margin-top', totIncrement);
				
				if(avanti.hasClass('hidden'))
					avanti.removeClass('hidden');
			}
			
			if(totIncrement == 0)
				indietro.addClass('hidden');
		}
	});

	avanti.addEvents({
		'click' : function(event){
			event.stop();
			if(totIncrement > maxRightIncrement){
				totIncrement = totIncrement - increment;
				myFx.start('margin-top', totIncrement);
				
				if(indietro.hasClass('hidden'))
					indietro.removeClass('hidden');
			}
			if((totIncrement - increment) < maxRightIncrement)
				avanti.addClass('hidden');
		}
	});
	
	
	/*
	var lavoroAttivo = $$('.sottomenu-lavori .link_scuro').getParent().getParent().getProperty('id').toString().split('-')[1].toInt();
	//var lavoroAttivo = 8;
	//console.log('lavoro attivo: '+lavoroAttivo);
	var su = $('su');
	var giu = $('giu');
	var maxElementi = 5;
	/*************
	var maxLavori = su.getNext().getProperty('id').toString().split('-')[1].toInt();
	//console.log('max lavori: '+maxLavori);
	var primo = lavoroAttivo;
	var ultimo = primo + maxElementi -1;

	doMenu();
	
	function doMenu()
	{
		if(primo > (maxLavori - maxElementi + maxLavori))
			primo = maxLavori - (maxLavori - maxElementi +1);

		if(primo > maxLavori - maxElementi)
			primo = maxLavori - maxElementi +1;
		
		var ultimo = primo + maxElementi -1;
		if(primo == 1)
			giu.addClass('hidden');
		else
			giu.removeClass('hidden');
			
		if(ultimo >= (maxLavori))
			su.addClass('hidden');
		else
			su.removeClass('hidden');
		
		for(var i = 1; i <= maxLavori; i++)
		{
			if(i < primo || i > ultimo)
				$('lav-'+i).addClass('no-display');
			else
				$('lav-'+i).removeClass('no-display');
		}
		//console.log('ultimo: '+ultimo);
		//console.log('primo: '+primo);
	}	
	
	su.addEvent('click', function(e) {
		new Event(e).stop();
		primo++;
		ultimo++;
		doMenu();
	});		
	giu.addEvent('click', function(e) {
		new Event(e).stop();
		primo--;
		ultimo--;
		doMenu();
	});
	*/
});