// creo questa variabile per far rallentare il fare in caso di passaggio di layout
var layout=0;

function nuovoLogo(img){

	// al click sul logo verrā id della pagina home diventa HOME e non 1,
	// questo perchč l'animazione che si deve avere passando dall'intro alla home č diverso
	// rispetto a quello che deve fare passando da un layout di tipo 1 o 2 alla home
	document.getElementById('logoHeader').innerHTML='<a href="index.php#home" ><img src="img/'+img+'" class="" id="logoIntro" /></a>';
}
function afterflash(){
		var myEffect = new Fx.Morph('banda', {duration: 1700, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('div.bandaBig');
		// modifico il contenitore del logo
		var myEffect = new Fx.Morph('logoHeader', {duration: 1700, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('.logoHeader');
		// inserisco ilo nuovo logo
		window.setTimeout("nuovoLogo('argiolasHeaderPagine168x35.png')", 1300);
		//modifico il Container Top facendolo piu piccolo
		changeClass('containerTop', 'containerTop');
		// modifico il logo
		var myEffect = new Fx.Morph('logoIntro', {duration: 1700, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('.logo');
		//
		var myEffect = new Fx.Morph('divCredit', {duration: 1700, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('.divCreditMorph0');
		// modifico il container center
		var myEffect = new Fx.Morph('containerCenter', {duration: 1700, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('div.containerCenter');
		changeClass('footer', 'invisibile');
		changeClass('divLingua', 'divLingua');

}
window.addEvent('domready', function() {
	// INIZIALIZZAZIONE all'apertura della pagina faccio scopmparire logo e barra delle lingue
	$('divCredit').className='divCredit';
	$('menuFooter').fade(0);
	$('menuFooter').setStyle('display','none');
	//rendo divCredit invisibile
	$('divCredit').fade(0);
	$('divCredit').setStyle('display','none');
	//cambio la classe che di base č invisibile
	//changeClass('divCredit', 'divCredit');
	changeClass('footer', 'footer');
	changeClass('logoHeader', 'logoHeaderIntro');
	if (window.location.hash ==""){
		$('logoHeader').fade(0);
		$('logoHeader').setStyle('display','none');
	// faccio aprire la banda nello stato dell' intro
	var myEffect = new Fx.Morph('banda', {duration: 1700, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('div.banda');

		//faccio comparire il logo e la barra della lingua
		var conparsa_logo_barra = function() {
			$('logoHeader').fade(1);
			$('logoHeader').setStyle('display','block');
			$('menuFooter').fade(1);
			$('menuFooter').setStyle('display','block');
			$('divCredit').fade(1);
			$('divCredit').setStyle('display','block');
		};

	/*ritardo tutto di 1 secondo e mezzo*/
	conparsa_logo_barra.delay(1500);
	}
//---------------------------------------------------------
//
//   ANIMZIONE SFONDO 01 : ESEGUO AL CLICK SU LINGUA INGLESE
//
//--------------------------------	---------------------

$('linguaItaliana').addEvent('click', function(e) {
		e.stop();
		// modifico al banda
		//alert(document.getElementById("sndIntro"));
		//document.getElementById("sndIntro").src="http://www.javascripter.net/faq/sound/jsilence.mid";
		obj = document.getElementById("sndIntro");
		document.body.removeChild(obj);
		Popup.show('flashdiv');
		
		
	});
//#############################
//---------------------------------------------------------
//
//   ANIMZIONE SFONDO 01 : ESEGUO AL CLICK SU LINGUA INGLESE
//
//--------------------------------	---------------------
$('linguaInglese').addEvent('click', function(e) {
		e.stop();
		Popup.show('flashdiv');
		// modifico al banda


	});




//#############################



});


//###### page header ####
function fadeImgCentraleCantina(){
$('imgIntroCantinaToFade').fade(0);
//$('imgIntroCantinaToFade').setStyle('display','none');


}


//###############################
function openImg()
{
	var myEffect = new Fx.Morph('bigImgCentrale', {duration: 1700, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('div.bigImgCentrale');
}

// modifica il template, passa al layout 1
function newLayout1(timeFade, timeMorph)
{
	if(!timeFade)
	 	timeFade=1700;

	if(!timeMorph)
	   timeMorph=500;

	  $('body').style.background = "#000000";

	  	changeClass('footer', 'invisibile');

		$('container').fade(0);
		$('container').setStyle('display','none');

		$('footer').setStyle('display','none');

		//alert('layout1');
		var myEffect = new Fx.Morph('containerTop', {duration: timeMorph, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('.containerTopLayout1');

		changeClass('container', 'containerLayout1');
		$('container').setStyle('width','1004px');


		document.getElementById('logoHeader').innerHTML='<a href="index.php#home" ><img src="img/logo_dettaglio_vini.png" class="logoIntroNero" id="logoIntro" /></a>';

		//var myEffect = new Fx.Morph('container', {duration: timeMorph, transition: Fx.Transitions.Sine.easeOut});
		//myEffect.start('div.containerLayout1');

		var myEffect = new Fx.Morph('menuContainerTop', {duration: timeMorph, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('div.menuContainerTopLayout1');

		// modifico il contenitore del logo
		var myEffect = new Fx.Morph('logoHeader', {duration: timeMorph, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('.logoHeaderLayout1');

		// modifico il contenitore del logo
		var myEffect = new Fx.Morph('titoloHeader', {duration: timeMorph, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('.titoloHeaderLayout1');

		// modifico il container center
		var myEffect = new Fx.Morph('containerCenter', {duration: timeMorph, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('div.containerCenterLayout1');

		var myEffect = new Fx.Morph('containerBottom', {duration: timeMorph, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('div.containerBottomLayout1');


		changeClass('divCredit', 'divCreditLayout1');
		changeClass('divLingua', 'divLingua1');

		$('banda').style.background = "url(img/bannerIntroStrip.png)";

		setTimeout("$('container').fade(1);$('container').setStyle('display','block');",timeFade);






}


/// modifica il template, passa al layout 1
function newLayout2(timeFade, timeMorph)
{
	$('logoHeader').className='logoHeaderLayout2';


	  if(!timeFade)
	 	timeFade=2500;
	// quando si č nello stesso layout
	if(layout==1)
	  	timeFade=1300;

	if(!timeMorph)
	   timeMorph=500;

	   changeClass('footer', 'invisibile')

	$('container').fade(0);
	$('container').setStyle('display','none');

	$('body').style.background = "#000000";

	changeClass('menuContainerTop', 'invisibile');
	// inserisco ilo nuovo logo
		window.setTimeout("nuovoLogo('logo_dettaglio_vini.png')", 1300);

	var myEffect = new Fx.Morph('containerTop', {duration: timeMorph, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('div.containerTopLayout2');


		var myEffect = new Fx.Morph('container', {duration: timeMorph, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('div.containerLayout2');




		// modifico il contenitore del logo
		var myEffect = new Fx.Morph('titoloHeader', {duration: timeMorph, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('.titoloHeaderLayout2');

		// modifico il container center
		var myEffect = new Fx.Morph('containerCenter', {duration: timeMorph, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('div.containerCenterLayout2');

		var myEffect = new Fx.Morph('containerBottom', {duration: timeMorph, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('.invisibile');

		changeClass('divCredit', 'divCreditLayout2');

		changeClass('divLingua', 'divLingua2');


		changeClass('logoIntro', 'logoLayout2');

			$('footer').setStyle('display','none');

		//var myEffect = new Fx.Morph('logoIntro', {duration: 1700, transition: Fx.Transitions.Sine.easeOut});
		//myEffect.start('.logoLayout2');

		setTimeout("$('container').fade(1);$('container').setStyle('display','block');",timeFade);


		$('banda').style.background = "url(img/bannerIntroStrip.png)";



		layout==1;
}

// modifica il template, passa al layout iniziale
function newLayout0(timeFade, timeMorph)
{
	if(!timeFade)
	 	timeFade=1000;

	if(!timeMorph)
	   timeMorph=100;

	  if(layout==1)
	  	timeFade=1500;
	// trasformazione home dopo la intro
	if(layout==2)
	  	timeFade=100;

	//alert(layout);





	changeClass('footer', 'invisibile');

	$('container').fade(0);

	$('container').setStyle('display','none');
	window.setTimeout("nuovoLogo('argiolasHeaderPagine168x35.png')", 1300);

	$('body').style.background = "#000000";

	var myEffect = new Fx.Morph('container', {duration: timeMorph, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('.containerLayout0');


	var myEffect = new Fx.Morph('menuContainerTop', {duration: timeMorph, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('div.menuContainerTop');

	// modifico il contenitore del logo
		//var myEffect = new Fx.Morph('logoHeader', {duration: timeMorph, transition: Fx.Transitions.Sine.easeOut});
		//myEffect.start('.logoHeader');
		changeClass('logoHeader', 'logoHeader');


		var myEffect = new Fx.Morph('containerCenter', {duration: timeMorph, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('div.containerCenter');
		// modifico il contenitore titolo
	//	var myEffect = new Fx.Morph('titoloHeader', {duration: 1700, transition: Fx.Transitions.Sine.easeOut});
		//myEffect.start('.titoloHeader');
		var myEffect = new Fx.Morph('containerBottom', {duration: timeMorph, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('div.containerBottom');

		var myEffect = new Fx.Morph('containerTop', {duration: timeMorph, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('div.containerTop');

		//alert(1);

		changeClass('divCredit', 'divCreditLayout0');


		changeClass('divLingua', 'divLingua');



		// modifico il logo
		//var myEffect = new Fx.Morph('logoIntro', {duration: timeMorph, transition: Fx.Transitions.Sine.easeOut});
		//myEffect.start('.logo');
		changeClass('logoIntro', 'logo');

		var myEffect = new Fx.Morph('titoloHeader', {duration: timeMorph, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('.titoloHeader');

		//
		var myEffect = new Fx.Morph('divCredit', {duration: 1700, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('.divCreditMorph0');

		$('banda').style.background = "url(img/bannerIntroStrip.png)";

			$('footer').setStyle('display','none');

		setTimeout("$('container').fade(1);$('container').setStyle('display','block');",timeFade);




}


// modifica il template, passa al layout 3
function newLayout3(timeFade, timeMorph)
{
	if(!timeFade)
	 	timeFade=1700;

	if(!timeMorph)
	   timeMorph=500;


	  	// cambio il background del body
		$('body').style.background = "#272323";

	  	changeClass('footer', 'invisibile');
		changeClass('testoContenuto', 'testoContenutoRelazioniLayout1');

		$('container').fade(0);
		$('container').setStyle('display','none');

		$('footer').setStyle('display','none');

		//alert('layout1');
		var myEffect = new Fx.Morph('containerTop', {duration: timeMorph, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('.containerTopLayout1');


		$('container').setStyle('width','1000px');

//alert("3");


		//var myEffect = new Fx.Morph('container', {duration: timeMorph, transition: Fx.Transitions.Sine.easeOut});
		//myEffect.start('div.containerLayout1');

		var myEffect = new Fx.Morph('menuContainerTop', {duration: timeMorph, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('div.menuContainerTopLayout1');

		// modifico il contenitore del logo
		var myEffect = new Fx.Morph('logoHeader', {duration: timeMorph, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('.logoHeaderLayout1');

		// modifico il contenitore del logo
		var myEffect = new Fx.Morph('titoloHeader', {duration: timeMorph, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('.titoloHeaderLayout3');

		// modifico il container center
		var myEffect = new Fx.Morph('containerCenter', {duration: timeMorph, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('div.containerCenterLayout3');
		var myEffect = new Fx.Morph('containerBottom', {duration: timeMorph, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('div.containerBottomLayout1');
		changeClass('divLingua', 'divLingua3');
		changeClass('divCredit', 'divCreditLayout3');
		$('banda').style.background = "url(img/bkgArancione.png)";
		document.getElementById('logoHeader').innerHTML='<a href="index.php#home" ><img src="img/argiolas_nero.png" class="logoIntroNero" id="logoIntro" /></a>';
		setTimeout("$('container').fade(1);$('container').setStyle('display','block');",timeFade);
}


// modifica il template, passa al layout 3
function newLayout4(timeFade, timeMorph)
{
	if(!timeFade)
	 	timeFade=1700;

	if(!timeMorph)
	   timeMorph=500;


	  	// cambio il background del body
		$('body').style.background = "#272323";

	  	changeClass('footer', 'invisibile');

		$('container').fade(0);
		$('container').setStyle('display','none');

		$('footer').setStyle('display','none');

		//alert('layout1');
		var myEffect = new Fx.Morph('containerTop', {duration: timeMorph, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('.containerTopLayout1');


		$('container').setStyle('width','1000px');




		//var myEffect = new Fx.Morph('container', {duration: timeMorph, transition: Fx.Transitions.Sine.easeOut});
		//myEffect.start('div.containerLayout1');

		var myEffect = new Fx.Morph('menuContainerTop', {duration: timeMorph, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('div.menuContainerTopLayout1');

		// modifico il contenitore del logo
		var myEffect = new Fx.Morph('logoHeader', {duration: timeMorph, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('.logoHeaderLayout1');

		// modifico il contenitore del logo
		var myEffect = new Fx.Morph('titoloHeader', {duration: timeMorph, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('.titoloHeaderLayout3');

		// modifico il container center
		var myEffect = new Fx.Morph('containerCenter', {duration: timeMorph, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('div.containerCenterLayout3');

		var myEffect = new Fx.Morph('containerBottom', {duration: timeMorph, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('div.containerBottomLayout1');

		changeClass('divLingua', 'divLingua3');
		changeClass('divCredit', 'divCreditLayout3');

		$('banda').style.background = "url(img/bkgArancioneScuro1.png)";

		document.getElementById('logoHeader').innerHTML='<a href="index.php#home" ><img src="img/argiolas_nero.png" class="logoIntroNero" id="logoIntro" /></a>';


		setTimeout("$('container').fade(1);$('container').setStyle('display','block');",timeFade);



}

// modifica il template, passa al layout 3
function newLayout5(timeFade, timeMorph)
{
	if(!timeFade)
	 	timeFade=1700;

	if(!timeMorph)
	   timeMorph=500;



		// cambio il background del body
		$('body').style.background = "#272323";

	  	changeClass('footer', 'invisibile');

		$('container').fade(0);
		$('container').setStyle('display','none');

		$('footer').setStyle('display','none');

		//alert('layout1');
		var myEffect = new Fx.Morph('containerTop', {duration: timeMorph, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('.containerTopLayout1');


		$('container').setStyle('width','1000px');




		//var myEffect = new Fx.Morph('container', {duration: timeMorph, transition: Fx.Transitions.Sine.easeOut});
		//myEffect.start('div.containerLayout1');

		var myEffect = new Fx.Morph('menuContainerTop', {duration: timeMorph, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('div.menuContainerTopLayout1');

		// modifico il contenitore del logo
		var myEffect = new Fx.Morph('logoHeader', {duration: timeMorph, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('.logoHeaderLayout1');

		// modifico il contenitore del logo
		var myEffect = new Fx.Morph('titoloHeader', {duration: timeMorph, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('.titoloHeaderLayout3');

		// modifico il container center
		var myEffect = new Fx.Morph('containerCenter', {duration: timeMorph, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('div.containerCenterLayout3');

		var myEffect = new Fx.Morph('containerBottom', {duration: timeMorph, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('div.containerBottomLayout1');

		changeClass('divLingua', 'divLingua3');
		changeClass('divCredit', 'divCreditLayout3');






		$('banda').style.background = "url(img/bkgNero.png)";

		document.getElementById('logoHeader').innerHTML='<a href="index.php#home" ><img src="img/logo_bianco.png" class="logoIntroNero" id="logoIntro" /></a>';





		setTimeout("$('container').fade(1);$('container').setStyle('display','block'); $('testoContenuto').className='testoContenutoRelazioniLayout1'; $('ulTopRelazioniContainer').className='ulTopRelazioniContainerLayout1';$('menuContainerRight').className='menuContainerRightLayout2Relazioni';",timeFade);

		setTimeout("$('quadratiMenuTop').src = 'img/menu_top_3_anim.gif';$('quadratiMenuRight').src = 'img/menu_right_3.gif';$('scrollbar_up').src = 'img/arrow_up_relazioni2.gif';",2000);

}


// modifica il template, passa al layout 3
function newLayout6(timeFade, timeMorph)
{

		if(!timeFade)
	 	timeFade=1700;

	if(!timeMorph)
	   timeMorph=500;


	  	// cambio il background del body
		$('body').style.background = "#272323";

	  	changeClass('footer', 'invisibile');
		changeClass('testoContenuto', 'testoContenutoRelazioniLayout1');

		$('container').fade(0);
		$('container').setStyle('display','none');

		$('footer').setStyle('display','none');

		//alert('layout1');
		var myEffect = new Fx.Morph('containerTop', {duration: timeMorph, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('.containerTopLayout1');


		$('container').setStyle('width','1000px');




		//var myEffect = new Fx.Morph('container', {duration: timeMorph, transition: Fx.Transitions.Sine.easeOut});
		//myEffect.start('div.containerLayout1');

		var myEffect = new Fx.Morph('menuContainerTop', {duration: timeMorph, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('div.menuContainerTopLayout1');

		// modifico il contenitore del logo
		var myEffect = new Fx.Morph('logoHeader', {duration: timeMorph, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('.logoHeaderLayout1');

		// modifico il contenitore del logo
		var myEffect = new Fx.Morph('titoloHeader', {duration: timeMorph, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('.titoloHeaderLayout3');

		// modifico il container center
		var myEffect = new Fx.Morph('containerCenter', {duration: timeMorph, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('div.containerCenterLayout3');

		var myEffect = new Fx.Morph('containerBottom', {duration: timeMorph, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('div.containerBottomLayout1');

		changeClass('divLingua', 'divLingua3');
		changeClass('divCredit', 'divCreditLayout3');

		$('banda').style.background = "url(img/bkgArancioneScuro3.png)";


		document.getElementById('logoHeader').innerHTML='<a href="index.php#home" ><img src="img/logo_bianco.png" class="logoIntroNero" id="logoIntro" /></a>';


		setTimeout("$('container').fade(1);$('container').setStyle('display','block');",timeFade);

		setTimeout("$('container').fade(1);$('container').setStyle('display','block'); $('testoContenuto').className='testoContenutoRelazioniLayout1'; $('ulTopRelazioniContainer').className='ulTopRelazioniContainerLayout1'; $('menuContainerRight').className='menuContainerRightLayout2Relazioni';",timeFade);

		setTimeout("$('quadratiMenuTop').src = 'img/menu_top_2_anim.gif';$('quadratiMenuRight').src = 'img/menu_right_2.gif';",2000);


}


// modifica il template, passa al layout 3
function newLayout7(timeFade, timeMorph)
{
	if(!timeFade)
	 	timeFade=1700;

	if(!timeMorph)
	   timeMorph=500;



		// cambio il background del body
		$('body').style.background = "#272323";

	  	changeClass('footer', 'invisibile');

		$('container').fade(0);
		$('container').setStyle('display','none');

		$('footer').setStyle('display','none');


		var myEffect = new Fx.Morph('containerTop', {duration: timeMorph, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('.containerTopLayout1');


		$('container').setStyle('width','1000px');




		//var myEffect = new Fx.Morph('container', {duration: timeMorph, transition: Fx.Transitions.Sine.easeOut});
		//myEffect.start('div.containerLayout1');

		var myEffect = new Fx.Morph('menuContainerTop', {duration: timeMorph, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('div.menuContainerTopLayout1');

		// modifico il contenitore del logo
		var myEffect = new Fx.Morph('logoHeader', {duration: timeMorph, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('.logoHeaderLayout1');

		// modifico il contenitore del logo
		var myEffect = new Fx.Morph('titoloHeader', {duration: timeMorph, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('.titoloHeaderLayout3');

		// modifico il container center
		var myEffect = new Fx.Morph('containerCenter', {duration: timeMorph, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('div.containerCenterLayout3');

		var myEffect = new Fx.Morph('containerBottom', {duration: timeMorph, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('div.containerBottomLayout1');

		changeClass('divLingua', 'divLingua3');
		changeClass('divCredit', 'divCreditLayout3');



		$('banda').style.background = "url(img/bkgNero.png)";

		document.getElementById('logoHeader').innerHTML='<a href="index.php#home" ><img src="img/logo_bianco.png" class="logoIntroNero" id="logoIntro" /></a>';





		setTimeout("$('container').fade(1);$('container').setStyle('display','block'); $('testoContenuto').className='testoContenutoRelazioniLayout1'; $('ulTopRelazioniContainer').className='ulTopRelazioniContainerLayout1';$('menuContainerRight').className='menuContainerRightLayout2Relazioni';",timeFade);

		setTimeout("$('quadratiMenuTop').src = 'img/menu_top_4_anim.gif';$('quadratiMenuRight').src = 'img/menu_right_4.gif';$('scrollbar_up').src = 'img/arrow_up_relazioni2.gif';",2000);

}
// modifica il template, passa al layout 3
function newLayout10(timeFade, timeMorph)
{
	if(!timeFade)
	 	timeFade=1700;
	if(!timeMorph)
	   timeMorph=500;
		// cambio il background del body
		$('body').style.background = "#282423";
	  	changeClass('footer', 'invisibile');
		$('container').fade(0);
		$('container').setStyle('display','none');
		$('footer').setStyle('display','none');
		//alert('layout1');
		var myEffect = new Fx.Morph('containerTop', {duration: timeMorph, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('.containerTopLayout1');
		$('container').setStyle('width','1000px');
		//var myEffect = new Fx.Morph('container', {duration: timeMorph, transition: Fx.Transitions.Sine.easeOut});
		//myEffect.start('div.containerLayout1');
		var myEffect = new Fx.Morph('menuContainerTop', {duration: timeMorph, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('div.menuContainerTopLayout1');
		// modifico il contenitore del logo
		var myEffect = new Fx.Morph('logoHeader', {duration: timeMorph, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('.logoHeaderLayout1');
		// modifico il contenitore del logo
		var myEffect = new Fx.Morph('titoloHeader', {duration: timeMorph, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('.titoloHeaderLayout3');
		// modifico il container center
		var myEffect = new Fx.Morph('containerCenter', {duration: timeMorph, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('div.containerCenterLayout3');
		var myEffect = new Fx.Morph('containerBottom', {duration: timeMorph, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('div.containerBottomLayout1');

		changeClass('divLingua', 'divLingua3');
		changeClass('divCredit', 'divCreditLayout3');

		$('banda').style.background = "url(img/bkgRossoVG.png)";
		document.getElementById('logoHeader').innerHTML='<a href="index.php#home" ><img src="img/logo_bianco.png" class="logoIntroNero" id="logoIntro" /></a>';

		setTimeout("$('container').fade(1);$('container').setStyle('display','block'); $('testoContenuto').className='testoContenutoRelazioniLayout1'; $('ulTopRelazioniContainer').className='ulTopRelazioniContainerLayout1';$('menuContainerRight').className='menuContainerRightLayout2Relazioni';",timeFade);

		setTimeout("$('quadratiMenuTop').src = 'img/menu_top_4_anim.gif';$('quadratiMenuRight').src = 'img/menu_right_4.gif';$('scrollbar_up').src = 'img/arrow_up_relazioni2.gif';",2000);

}

function viewFormati()
{

	$('imgReticolo').fade(0);
	$('imgReticolo').setStyle('display','none');
	$('divFormatiBott').fade(0);
	$('divFormatiBott').setStyle('display','none');


	var myEffect = new Fx.Morph('divFormatiBott', {duration: 100, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('.divFormatiBott');


	setTimeout("$('divFormatiBott').fade(1);$('divFormatiBott').setStyle('display','block');",500);

	$('liMenuFormati').innerHTML="<a onclick=\"viewMappa()\" >CARTINA</a>";

}

function viewMappa()
{

	$('imgReticolo').fade(0);
	$('imgReticolo').setStyle('display','none');

	$('divFormatiBott').fade(0);
	$('divFormatiBott').setStyle('display','none');


	var myEffect = new Fx.Morph('divFormatiBott', {duration: 100, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('.divFormatiBott');


	setTimeout("$('imgReticolo').fade(1);$('imgReticolo').setStyle('display','block');",500);

	$('liMenuFormati').innerHTML="<a onclick=\"viewFormati()\" >FORMATI</a>";

}


function viewFormatiEng()
{

	$('imgReticolo').fade(0);
	$('imgReticolo').setStyle('display','none');
	$('divFormatiBott').fade(0);
	$('divFormatiBott').setStyle('display','none');


	var myEffect = new Fx.Morph('divFormatiBott', {duration: 100, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('.divFormatiBott');


	setTimeout("$('divFormatiBott').fade(1);$('divFormatiBott').setStyle('display','block');",500);

	$('liMenuFormati').innerHTML="<a onclick=\"viewMappaEng()\" >MAP</a>";

}

function viewMappaEng()
{

	$('imgReticolo').fade(0);
	$('imgReticolo').setStyle('display','none');

	$('divFormatiBott').fade(0);
	$('divFormatiBott').setStyle('display','none');


	var myEffect = new Fx.Morph('divFormatiBott', {duration: 100, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('.divFormatiBott');


	setTimeout("$('imgReticolo').fade(1);$('imgReticolo').setStyle('display','block');",500);

	$('liMenuFormati').innerHTML="<a onclick=\"viewFormatiEng()\" >SIZES</a>";

}




function viewDistribuzione()
{



	var myEffect = new Fx.Morph('divDistribuzione', {duration: 1000, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('.divDistribuzione');
	var myEffect = new Fx.Morph('divDistribuzioneTesto', {duration: 1000, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('.divDistribuzioneTesto');







}

function closeDistribuzione()
{



	var myEffect = new Fx.Morph('divDistribuzione', {duration: 1000, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('.divDistribuzioneInvB');
	var myEffect = new Fx.Morph('divDistribuzioneTesto', {duration: 1000, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('.divDistribuzioneInvB');







}


function viewMenu()
{



	var myEffect = new Fx.Morph('divMenu', {duration: 1000, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('.divMenu');
	var myEffect = new Fx.Morph('divMenuTesto', {duration: 1000, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('.divMenuTesto');







}

function viewPrenotazione()
{



	var myEffect = new Fx.Morph('divPrenotazione', {duration: 1000, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('.divPrenotazione');
	var myEffect = new Fx.Morph('divPrenotazioneTesto', {duration: 1000, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('.divPrenotazioneTesto');







}

function closePrenotazione()
{

	var myEffect = new Fx.Morph('divPrenotazione', {duration: 1000, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('.divMenuInvB');
	var myEffect = new Fx.Morph('divPrenotazioneTesto', {duration: 1000, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('.divMenuInvB');

}

function closeMenu()
{



	var myEffect = new Fx.Morph('divMenu', {duration: 1000, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('.divMenuInvB');
	var myEffect = new Fx.Morph('divMenuTesto', {duration: 1000, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('.divMenuInvB');







}


function viewRicetta()
{



	var myEffect = new Fx.Morph('divRicette', {duration: 1000, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('.divRicette');
	var myEffect = new Fx.Morph('divRicetteTesto', {duration: 1000, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('.divRicetteTesto');







}

function closeRicetta()
{



	var myEffect = new Fx.Morph('divRicette', {duration: 1000, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('.divMenuInvB');
	var myEffect = new Fx.Morph('divRicetteTesto', {duration: 1000, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('.divMenuInvB');







}


function viewRassegna()
{



	var myEffect = new Fx.Morph('divRassegna', {duration: 1000, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('.divRassegna');

	var myEffect = new Fx.Morph('divRassegnaTesto', {duration: 1000, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('.divRassegnaTesto');






}



function closeRassegna()
{

	var myEffect = new Fx.Morph('divRassegna', {duration: 1000, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('.divMenuInvB');
		var myEffect = new Fx.Morph('divRassegnaTesto', {duration: 1000, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('.divMenuInvB');

}

function viewArchivioNews()
{



	var myEffect = new Fx.Morph('divArchivioNews', {duration: 1000, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('.divArchivioNews');

	var myEffect = new Fx.Morph('divArchivioNewsTesto', {duration: 1000, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('.divArchivioNewsTesto');






}



function closeArchivioNews()
{

	var myEffect = new Fx.Morph('divArchivioNews', {duration: 1000, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('.divMenuInvB');
		var myEffect = new Fx.Morph('divArchivioNewsTesto', {duration: 1000, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('.divMenuInvB');

}


function closeDettaglioNews()
{

	var myEffect = new Fx.Morph('divDettaglioNews', {duration: 1000, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('.divMenuInvB');
		var myEffect = new Fx.Morph('divDettaglioNewsTesto', {duration: 1000, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('.divMenuInvB');

}

function openDettaglioNews()
{

	var myEffect = new Fx.Morph('divDettaglioNews', {duration: 1000, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('.divDettaglioNewsMoo');
		var myEffect = new Fx.Morph('divDettaglioNewsTesto', {duration: 1000, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('.divDettaglioNewsTestoMoo');

}


function viewCreditsPage()
{



	var myEffect = new Fx.Morph('divRassegna', {duration: 1000, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('.divCreditsMoo');

	var myEffect = new Fx.Morph('divRassegnaTesto', {duration: 1000, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('.divCreditsTestoMoo');






}
function viewNewsPage()
{
	var myEffect = new Fx.Morph('divRassegna', {duration: 1000, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('.divNewsMoo');

	var myEffect = new Fx.Morph('divRassegnaTesto', {duration: 1000, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start('.divNewsTestoMoo');
}
//______________________________________________________________________
//           INSERISCI DEL HTML
//______________________________________________________________________
function hoverDistribuzione(text, idCont)
{



	var element=document.getElementById('menuContainerBottom');

element.innerHTML='<div class="containerThoverD" id="containerThoverD"><a onclick=" ajaxInviaDati(\'id_contenuto='+idCont+'&hottag='+idCont+'\', \'ajax.php\', \'newContenuto(req.responseText)\'); changeClass(\'menuContainerTop\', \'menuContainerTop\');layout=0;return false;">'+text+'</a></div>';

$('containerThoverD').fade(1);

window.setTimeout("$('containerThoverD').fade(0)", 3000);

	if(debug)
		alert('ID='+id+' - TESTO='+text);

	return false;

}
//______________________________________________________________________