// Effetti di visualizzazione di immagini proprie della particolare pagina da visualizzare solo dopo il preloading
function preloadPageImages(){
	$('nuvola1').show();
	$('nuvola2').show();
	$('nuvola3').show();
	Event.observe($('nuvola1'), 'click', showP1);
	Event.observe($('nuvola2'), 'click', showP2);
	Event.observe($('nuvola3'), 'click', showP3);
	$('nuvola1').setStyle({ top: '-175px'});
	$('nuvola2').setStyle({ top: '-110px'});
	$('nuvola3').setStyle({ top: '-165px'});
	if($('foglioPortfolio').getStyle('top') != "17px"){
		new Effect.Parallel([ 
		new Effect.Morph($('foglioPortfolio'), {sync: true, style : 'top:17px'})],
		{ duration: 1.5});
	}
	
	window.setTimeout('showP1();', 500);
}

function resetN(){
	new Effect.Morph('nuvola1',{
		style : 'top: -175px',
		duration : 1.5
	});
	new Effect.Morph('nuvola2',{
		style : 'top: -110px',
		duration : 1.5
	});
	
	new Effect.Morph('nuvola3',{
		style : 'top: -165px',
		duration : 1.5
	});
	
	if($('immagineSito').getStyle('display') != "none"){
		new Effect.Morph('immagineSito',{ style:'height:0px', duration:1.0});
	}
	
	if($('testoSito').getStyle('display') != "none"){
		new Effect.Morph('testoSito',{ style:'height:0px', duration:1.0});
	}
}

function downN(nuvola){
	new Effect.Morph(nuvola,{
		style : 'top: 0px',
		duration : 2
	});
}

function downPanel(nome){
	$('immagineSito').show();
	$('immagineSito').innerHTML = "";
	$('testoSito').innerHTML = "";
	
	new Effect.Morph('immagineSito',{ style:'height:150px', duration:1.0});
	new Effect.Morph('testoSito',{ style:'height:260px', duration:1.0});
	switch(nome){
		case 'stato':
					$('immagineSito').innerHTML = "<a href='http://www.statointeressante.it/' target='_blank'><img src='immagini/portfolio/stato.jpg'></img></a>";
					$('testoSito').innerHTML = "<ul><li><b>sito web:</b><a href='http://www.statointeressante.it/' target='_blank'> www.statointeressante.it</a></li><li><b>committente:</b> Statointeressante</li><li><b>genere:</b> portale web gruppo musicale</li><li><b>tecnologie:</b> HTML,PHP,CSS,Javascript,AJAX,flash</li><li><b>periodo:</b> agosto-novembre 2007</li></ul>";					
					break;
					
		case 'tarasco':
					$('immagineSito').innerHTML = "<a href='http://www.pietropaolotarasco.it/' target='_blank'><img src='immagini/portfolio/tarasco.jpg'></img></a>";
					$('testoSito').innerHTML = "<ul><li><b>sito web:</b><a href='http://www.pietropaolotarasco.it/' target='_blank'> www.pietropaolotarasco.it</a></li><li><b>committente:</b> Pietro Paolo Tarasco</li><li><b>genere:</b> presentazione artista</li><li><b>tecnologie:</b> HTML,CSS,Javascript,AJAX</li><li><b>periodo:</b> ottobre-dicembre 2007</li></ul>";					
					break;
		case 'casasassimorelli':
					$('immagineSito').innerHTML = "<a href='http://www.casasassimorelli.com/' target='_blank'><img src='immagini/portfolio/casasassimorelli.jpg'></img></a>";
					$('testoSito').innerHTML = "<ul><li><b>sito web:</b><a href='http://www.zacronweb.com/casasassimorelli/' target='_blank'> www.casasassimorelli.com</a></li><li><b>committente:</b> Morelli Rosa</li><li><b>genere:</b> vetrina vendita immobile</li><li><b>tecnologie:</b> HTML,CSS,Javascript,AJAX</li><li><b>periodo:</b> marzo-aprile 2008</li></ul>";					
					break;
	}
	Event.observe($('nuvola1'), 'click', showP1);
	Event.observe($('nuvola2'), 'click', showP2);
	Event.observe($('nuvola3'), 'click', showP3);
}

function showP1(){
	if($('nuvola1').getStyle('top') != '0px'){
		Event.stopObserving($('nuvola1'), 'click', showP1);
		Event.stopObserving($('nuvola2'), 'click', showP2);
		Event.stopObserving($('nuvola3'), 'click', showP3);
		resetN();
		window.setTimeout('downN(\'nuvola1\')', 800);
		window.setTimeout('downPanel(\'stato\')', 1500);
	}
}

function showP2(){
	if($('nuvola2').getStyle('top') != '0px'){
		Event.stopObserving($('nuvola1'), 'click', showP1);
		Event.stopObserving($('nuvola2'), 'click', showP2);
		Event.stopObserving($('nuvola3'), 'click', showP3);
		resetN();
		window.setTimeout('downN(\'nuvola2\')', 800);
		window.setTimeout('downPanel(\'tarasco\')', 1200);
	}
}

function showP3(){
	if($('nuvola3').getStyle('top') != '0px'){
		Event.stopObserving($('nuvola1'), 'click', showP1);
		Event.stopObserving($('nuvola2'), 'click', showP2);
		Event.stopObserving($('nuvola3'), 'click', showP3);
		resetN();
		window.setTimeout('downN(\'nuvola3\')', 800);
		window.setTimeout('downPanel(\'casasassimorelli\')', 1200);
	}
}