/* edbellessere by WebLogiX */
var tempo = 400;

jQuery(document).ready(function(){
	setTimeout("$('#logo').fadeIn(tempo*2, skipFadeIn)", tempo*4);
});

function skipFadeIn()
{
	$('#skip').fadeIn(tempo, espandiLogo);
}

function espandiLogo()
{
	togliVelo();
	$('#logo').animate({"height":"570px", "width": "1014px", "margin-left": "5px", "margin-top":"0px", "opacity" : "0"}, tempo*2);
}

function togliVelo()
{
	$('#velo').fadeOut(tempo, bolla);
}

function bolla()
{	
	bollaStyle = 'display:none;position:absolute;';
	
	$('#content').prepend('<div id="bolla1" style="display:none;position:absolute; top:50%; left:50%;background:url(/layout/bolla1.png); width:25px; height:25px; top:272px; left:90px">&nbsp;</div><div id="bolla2" style="display:none;position:absolute; top:50%; left:50%;background:url(/layout/bolla2.png); width:96px; height:97px; top:303px; left:112px">&nbsp;</div><div id="bolla3" style="display:none;position:absolute; top:50%; left:50%;background:url(/layout/bolla3.png); width:67px; height:68px; top:125px; left:343px">&nbsp;</div><div id="bolla4" style="display:none;position:absolute; top:50%; left:50%;background:url(/layout/bolla4.png); width:76px; height:77px; top:460px; left:327px">&nbsp;</div><div id="bolla5" style="display:none;position:absolute; top:50%; left:50%;background:url(/layout/bolla5.png); width:162px; height:164px; top:287px; left:442px">&nbsp;</div><div id="bolla6" style="display:none;position:absolute; top:50%; left:50%;background:url(/layout/bolla6.png); width:96px; height:97px; top:142px; left:677px">&nbsp;</div><div id="bolla7" style="display:none;position:absolute; top:50%; left:50%;background:url(/layout/bolla7.png); width:74px; height:75px; top:161px; left:529px">&nbsp;</div><div id="bolla8" style="display:none;position:absolute; top:50%; left:50%;background:url(/layout/bolla8.png); width:40px; height:41px; top:355px; left:770px">&nbsp;</div>');
	
	bolle = new Array(1,2,3,4,5,6,7,8);
	bolle.sort(randOrd);
	
	$('#descrizione').fadeIn(tempo*12);
	$('#velo').css({"background":"white", "z-index":"1"}).fadeIn(tempo*12);
	
	attivaBolla(0, bolle);
}

function attivaBolla(index, bolle)
{	
	if(bolle[index+1])
	{
		nextBolla = function() {attivaBolla(index+1, bolle);}		
	}
	else
	{		
		nextBolla = function(){
			bollaSpeed = 3500;
			
			$('#bolla1')
					.sprite()
					.spRandom({
						top: 100,
						left: 100,
						right: 800,
						bottom: 400,
						speed: bollaSpeed,
						pause: 0
					});
					$('#bolla2')
					.sprite()
					.spRandom({
						top: 100,
						left: 100,
						right: 800,
						bottom: 400,
						speed: bollaSpeed,
						pause: 0
					});
					$('#bolla3')
					.sprite()
					.spRandom({
						top: 100,
						left: 100,
						right: 800,
						bottom: 400,
						speed: bollaSpeed,
						pause: 0
					});
					$('#bolla4')
					.sprite()
					.spRandom({
						top: 100,
						left: 100,
						right: 800,
						bottom: 400,
						speed: bollaSpeed,
						pause: 0
					});
					$('#bolla5')
					.sprite()
					.spRandom({
						top: 100,
						left: 100,
						right: 800,
						bottom: 400,
						speed: bollaSpeed,
						pause: 0
					});
					$('#bolla6')
					.sprite()
					.spRandom({
						top: 100,
						left: 100,
						right: 800,
						bottom: 400,
						speed: bollaSpeed,
						pause: 0
					});
					$('#bolla7')
					.sprite()
					.spRandom({
						top: 100,
						left: 100,
						right: 800,
						bottom: 400,
						speed: bollaSpeed,
						pause: 0
					});
					$('#bolla8')
					.sprite()
					.spRandom({
						top: 100,
						left: 100,
						right: 800,
						bottom: 400,
						speed: bollaSpeed,
						pause: 0
					});
					
					$('#descrizione').animate({"height":"20em"}, tempo*4, appareLogoNero);		
		}
	}
	$('#bolla'+bolle[index]).fadeIn(tempo, nextBolla);
}

function randOrd(){
return (Math.round(Math.random())-0.5); }

function appareLogoNero()
{
	$('#logo-menu img').fadeIn(tempo, slideDownMenu);
}

function slideDownMenu()
{
	$('#menu').slideDown(tempo*3, bollaViola);
}

function dissolviDescrizione()
{
	$('#descrizione').fadeOut(tempo, bollaViola);
}



function bollaViola()
{
	$('#bolla-viola').fadeIn(tempo,bollaMarrone).sprite()
					.spRandom({
						top: 100,
						left: 100,
						right: 800,
						bottom: 400,
						speed: 3500,
						pause: 0
					});
}
function bollaMarrone()
{
	$('#bolla-marrone').fadeIn(tempo,bollaVerde).sprite()
					.spRandom({
						top: 100,
						left: 100,
						right: 800,
						bottom: 400,
						speed: 3500,
						pause: 0
					});
}

function bollaVerde()
{
	$('#bolla-verde').fadeIn(tempo, bollaArancione).sprite()
					.spRandom({
						top: 100,
						left: 100,
						right: 800,
						bottom: 400,
						speed: 3500,
						pause: 0
					});
}

function bollaArancione()
{
	$('#bolla-arancione').fadeIn(tempo).sprite()
					.spRandom({
						top: 100,
						left: 100,
						right: 800,
						bottom: 400,
						speed: 3500,
						pause: 0
					});
}