window.addEvent('domready', function()
{	
	//set the default image
	activeImage = 'img1';
	
	//initialise the default image
	var initialise = $(activeImage).setStyles({display:'block',opacity: 0});	
	new Fx.Style(initialise, 'opacity', {duration: 1} ).set(1);
	var imgvecchia=1;
	var imgnuova = 1;
	//event listener
	function cambiaanno(imma) {
		imgnuova=imma;
		transitionImage('img'+imgvecchia,'img'+imgnuova);
		imgvecchia=imgnuova;
		switch (imgnuova) {
			case 1: $('imagedesc').innerHTML="BRUNELLO"; break;
			case 2: $('imagedesc').innerHTML="BRUNELLO - Scuole elementari"; break;
			case 3: $('imagedesc').innerHTML="CARONNO VARESINO - Villa Ravasi"; break;
			case 4: $('imagedesc').innerHTML="GAZZADA SCHIANNO - Via Roma"; break;
			case 5: $('imagedesc').innerHTML="VARESE - Via Timavo"; break;
			case 6: $('imagedesc').innerHTML="VARESE - Viale Belforte"; break;
			case 7: $('imagedesc').innerHTML="VARESE - Viale Belforte"; break;
			case 8: $('imagedesc').innerHTML="GALLARATE - Via Postcastello"; break;
			case 9: $('imagedesc').innerHTML="VARESE - Piazza Giovanni XIII"; break;
			case 10: $('imagedesc').innerHTML="VARESE - Via Monte Tabor"; break;
			case 11: $('imagedesc').innerHTML="VARESE - Via San Vito Silvestro"; break;
			case 12: $('imagedesc').innerHTML="BESNATE - Via libertà"; break;
			case 13: $('imagedesc').innerHTML="CASTRONNO - Banca di via Roma"; break;
			case 14: $('imagedesc').innerHTML="GALLARATE - Via A. da Brescia"; break;
			case 15: $('imagedesc').innerHTML="GALLARATE - Via San Francesco"; break;
			case 16: $('imagedesc').innerHTML="SOLBIATE ARNO - Via Aldo Moro"; break;
			case 17: $('imagedesc').innerHTML="BESNATE - Via Brianzoni"; break;
			case 18: $('imagedesc').innerHTML="BESNATE - Via V.Veneto"; break;
			case 19: $('imagedesc').innerHTML="BRUNELLO - Via Marsala"; break;
			case 20: $('imagedesc').innerHTML="GALLARATE - Viale Milano"; break;
			case 21: $('imagedesc').innerHTML="GAZZADA - Via barbieri"; break;
			case 22: $('imagedesc').innerHTML="VARESE - Via al colle"; break;
			case 23: $('imagedesc').innerHTML="VARESE - Via Sempione"; break;
		}
		if(imgnuova<9&&imgnuova>0) 
			{$('anno1').setStyle('color','#f00');
			$('anno3').setStyle('color','#000');
			$('anno2').setStyle('color','#000');}
		else 
			{
			$('anno1').setStyle('color','#000');
			$('anno3').setStyle('color','#000');
			if(imgnuova<17&&imgnuova>8) 
				$('anno2').setStyle('color','#f00');
			else 
			{
				$('anno2').setStyle('color','#000');
				$('anno1').setStyle('color','#000');
				if(imgnuova<24&&imgnuova>16) 
					$('anno3').setStyle('color','#f00');
				else
				$('anno3').setStyle('color','#000');
			}}
	}
	function immagineavanti(imma) {
		imgvecchia=imma;
		if(imgvecchia<23) var imgnuova=imgvecchia+1;
		else var imgnuova=imgvecchia;
		transitionImage('img'+imgvecchia,'img'+imgnuova);
		if(imgvecchia<23) imgvecchia++;
		switch (imgnuova) {
			case 1: $('imagedesc').innerHTML="BRUNELLO"; break;
			case 2: $('imagedesc').innerHTML="BRUNELLO - Scuole elementari"; break;
			case 3: $('imagedesc').innerHTML="CARONNO VARESINO - Villa Ravasi"; break;
			case 4: $('imagedesc').innerHTML="GAZZADA SCHIANNO - Via Roma"; break;
			case 5: $('imagedesc').innerHTML="VARESE - Via Timavo"; break;
			case 6: $('imagedesc').innerHTML="VARESE - Viale Belforte"; break;
			case 7: $('imagedesc').innerHTML="VARESE - Viale Belforte"; break;
			case 8: $('imagedesc').innerHTML="GALLARATE - Via Postcastello"; break;
			case 9: $('imagedesc').innerHTML="VARESE - Piazza Giovanni XIII"; break;
			case 10: $('imagedesc').innerHTML="VARESE - Via Monte Tabor"; break;
			case 11: $('imagedesc').innerHTML="VARESE - Via San Vito Silvestro"; break;
			case 12: $('imagedesc').innerHTML="BESNATE - Via libertà"; break;
			case 13: $('imagedesc').innerHTML="CASTRONNO - Banca di via Roma"; break;
			case 14: $('imagedesc').innerHTML="GALLARATE - Via A. da Brescia"; break;
			case 15: $('imagedesc').innerHTML="GALLARATE - Via San Francesco"; break;
			case 16: $('imagedesc').innerHTML="SOLBIATE ARNO - Via Aldo Moro"; break;
			case 17: $('imagedesc').innerHTML="BESNATE - Via Brianzoni"; break;
			case 18: $('imagedesc').innerHTML="BESNATE - Via V.Veneto"; break;
			case 19: $('imagedesc').innerHTML="BRUNELLO - Via Marsala"; break;
			case 20: $('imagedesc').innerHTML="GALLARATE - Viale Milano"; break;
			case 21: $('imagedesc').innerHTML="GAZZADA - Via barbieri"; break;
			case 22: $('imagedesc').innerHTML="VARESE - Via al colle"; break;
			case 23: $('imagedesc').innerHTML="VARESE - Via Sempione"; break;
		}
		if(imgnuova<9&&imgnuova>0) 
			$('anno1').setStyle('color','#f00');
		else 
			{
			$('anno1').setStyle('color','#000');
			if(imgnuova<17&&imgnuova>8) 
				$('anno2').setStyle('color','#f00');
			else 
			{
				$('anno2').setStyle('color','#000');
				if(imgnuova<24&&imgnuova>16) 
					$('anno3').setStyle('color','#f00');
				else
				$('anno3').setStyle('color','#000');
			}}
	}
	function immagineindietro(imma) {
		imgvecchia=imma;
		if(imgvecchia>1) var imgnuova=imgvecchia-1;
		else var imgnuova=imgvecchia;
		transitionImage('img'+imgvecchia,'img'+imgnuova);
		if(imgvecchia>1) imgvecchia--;
		switch (imgnuova) {
			case 1: $('imagedesc').innerHTML="BRUNELLO"; break;
			case 2: $('imagedesc').innerHTML="BRUNELLO - Scuole elementari"; break;
			case 3: $('imagedesc').innerHTML="CARONNO VARESINO - Villa Ravasi"; break;
			case 4: $('imagedesc').innerHTML="GAZZADA SCHIANNO - Via Roma"; break;
			case 5: $('imagedesc').innerHTML="VARESE - Via Timavo"; break;
			case 6: $('imagedesc').innerHTML="VARESE - Viale Belforte"; break;
			case 7: $('imagedesc').innerHTML="VARESE - Viale Belforte"; break;
			case 8: $('imagedesc').innerHTML="GALLARATE - Via Postcastello"; break;
			case 9: $('imagedesc').innerHTML="VARESE - Piazza Giovanni XIII"; break;
			case 10: $('imagedesc').innerHTML="VARESE - Via Monte Tabor"; break;
			case 11: $('imagedesc').innerHTML="VARESE - Via San Vito Silvestro"; break;
			case 12: $('imagedesc').innerHTML="BESNATE - Via libertà"; break;
			case 13: $('imagedesc').innerHTML="CASTRONNO - Banca di via Roma"; break;
			case 14: $('imagedesc').innerHTML="GALLARATE - Via A. da Brescia"; break;
			case 15: $('imagedesc').innerHTML="GALLARATE - Via San Francesco"; break;
			case 16: $('imagedesc').innerHTML="SOLBIATE ARNO - Via Aldo Moro"; break;
			case 17: $('imagedesc').innerHTML="BESNATE - Via Brianzoni"; break;
			case 18: $('imagedesc').innerHTML="BESNATE - Via V.Veneto"; break;
			case 19: $('imagedesc').innerHTML="BRUNELLO - Via Marsala"; break;
			case 20: $('imagedesc').innerHTML="GALLARATE - Viale Milano"; break;
			case 21: $('imagedesc').innerHTML="GAZZADA - Via barbieri"; break;
			case 22: $('imagedesc').innerHTML="VARESE - Via al colle"; break;
			case 23: $('imagedesc').innerHTML="VARESE - Via Sempione"; break;
		}
		if(imgnuova<24&&imgnuova>16) 
			$('anno3').setStyle('color','#f00');
		else 
			{
			$('anno3').setStyle('color','#000');
			if(imgnuova<17&&imgnuova>8) 
				$('anno2').setStyle('color','#f00');
			else 
			{
				$('anno2').setStyle('color','#000');
				if(imgnuova<9&&imgnuova>0) 
					$('anno1').setStyle('color','#f00');
				else
				$('anno1').setStyle('color','#000');
			}}
	}
	$('avanti').addEvent('click', function(e) 
	{	
		immagineavanti(imgvecchia);
	});
	$('anno1').addEvent('click', function(e) 
	{	
		cambiaanno(1);
	});
	$('anno2').addEvent('click', function(e) 
	{	
		cambiaanno(9);
	});
	$('anno3').addEvent('click', function(e) 
	{	
		cambiaanno(17);
	});
	$('indietro').addEvent('click', function(e) 
	{	
		immagineindietro(imgvecchia);
	});
});
function mostraimg(img)
{	
	$$('#gal_img_int img').setStyle('display','none');
	$(img).setStyle('display','block');
}
function mostraplan(id)
{	
	$$('#tabella tr').setStyle('color','#000000');
	$$('#tabella tr').setStyle('font-weight','normal');
	$(id).setStyle('color','red');
	$(id).setStyle('font-weight','bold');
}

function transitionImage(oldImage,newImage)
{

	var fadeOut = function()
	{
		var div = $(oldImage).setStyles({
			opacity: 1
		});
		
		new Fx.Style(div, 'opacity', {duration: 700}).start(0);
		
		fadeIn();
		
	};
	
	var fadeIn = function()
	{
		
		var div2 = $(newImage).setStyles({
			display:'block',
			opacity: 0
		});
			
		new Fx.Style(div2, 'opacity', {duration: 700}).start(1);
		
	};
	
	//if(newImage != activeImage)
//	{
		fadeOut();
		activeImage = newImage;		
//	}
}