var passo=0;  //0 dall'inizio    
var passo1=0;  //0 dall'inizio    
var passo2=0;  //0 dall'inizio    
var rotta_a=0; //indica bolla rotta
var rotta_b=0; //indica bolla rotta
var rotta_c=0; //indica bolla rotta
var moto1=0;
var moto2=0;
var moto3=0;
var moto4=0;
var moto5=0;

var rientro=0; // se 1 indica che si sta rientrando nella home page

  var x1=0;
  var x2=0;
  var x3=0;
  var x4=0;
  var x5=0;
  var y1=0;
  var y2=0;
  var y3=0;
  var y4=0;
  var y5=0;

var winW = 630, winH = 460; // dimensioni della finestra del browser
var winX = 0, winY = 0; // offset della finestra del browser
var tempo = 150;
var DYesponi = 80;

// posizione di partenza di tutte le bolle con riferimento sinistra/basso
var XStartbolle= 179;
var YStartbolle= 209;

// posizioni finali delle le bolle con riferimento sinistra/basso
var Yend1=294;
var Yend2=234;
var Yend3=194;
var Yend4=133;
var Yend5=83;

  var kx1=-5.3;
  var ky1=10;
  var kond1=10;
  var kdelay1=0;
  var kx2=-4;
  var ky2=22;
  var kond2=10;
  var kdelay2=10;
  var kx3=-7;
  var ky3=10;
  var kond3=10;
  var kdelay3=20;
  var kx4=-4.5;
  var ky4=14;
  var kond4=10;
  var kdelay4=30;
  var kx5=-32;
  var ky5=22;
  var kond5=-10;
  var kdelay5=5;
   
  // avviso iniziale
  var InizioFadeIn=5;// sfondoA=1
  var InizioFadeInParole=50;// sfondoB=2
  var InizioFadeOutParole=70;// sfondoA=3 
  var InizioFadeOut=100;//
  //var MaskPerc=100;// percentuale di riduzione traslucenza
  

function getWindowSize()
{
  if (parseInt(navigator.appVersion)>3) 
  {
    if (navigator.appName=="Netscape")
    {
       winW = window.innerWidth;
       winH = window.innerHeight;
    }
    if (navigator.appName.indexOf("Microsoft")!=-1) 
    {
       winW = document.body.offsetWidth;
       winH = document.body.offsetHeight;
    }
  }
}


function getWindowOffset()
{
  if (parseInt(navigator.appVersion)>3)
  {
    if (navigator.appName=="Netscape") 
    {
       winX = window.pageXOffset;
       winY = window.pageYOffset;
    }
    if (navigator.appName.indexOf("Microsoft")!=-1)
    {
       winX = document.body.scrollLeft;
       winY = document.body.scrollTop;
    }
  }
}



function MouseOverMostra1()
{
  //alert('clicca per continuare');
  document.getElementById('esponi1').src='images/drk_interno_small1.jpg';
  document.getElementById('bolla1').src='images/bolla1_big.png';
}

function MouseOutHide1()
{
  document.getElementById('esponi1').src='images/null.gif';
  document.getElementById('bolla1').src='images/bolla1.png';
}

function MouseClick1()
{
}


function MouseOverMostra2()
{
  //alert('clicca per continuare');
  document.getElementById('esponi2').src='images/microscopio_small.jpg';
  document.getElementById('bolla2').src='images/bolla2_big.png';
}

function MouseOutHide2()
{
  document.getElementById('esponi2').src='images/null.gif';
  document.getElementById('bolla2').src='images/bolla2.png';
}

function MouseClick2()
{
}


function MouseOverMostra3()
{
  //alert('clicca per continuare');
  document.getElementById('esponi3').src='images/iene_staminali_27_03_2009_small.jpg';
  document.getElementById('bolla3').src='images/bolla3_big.png';
}

function MouseOutHide3()
{
  document.getElementById('esponi3').src='images/null.gif';
  document.getElementById('bolla3').src='images/bolla3.png';
}

function MouseClick3()
{
}


function MouseOverMostra4()
{
  document.getElementById('esponi4').src='images/esponi_garanzie.jpg';
  document.getElementById('bolla4').src='images/bolla4_big.png';
}

function MouseOutHide4()
{
  document.getElementById('esponi4').src='images/null.gif';
  document.getElementById('bolla4').src='images/bolla4.png';
}

function MouseClick4()
{
}


function MouseOverMostra5()
{
  document.getElementById('esponi5').src='images/esponi_forum_300px.jpg'; //
  document.getElementById('bolla5').src='images/bolla5_big.png';
}

function MouseOutHide5()
{
  document.getElementById('esponi5').src='images/null.gif';
  document.getElementById('bolla5').src='images/bolla5.png';
}

function MouseClick5()
{
}
   

// funzioni che posizionano le bolle con origine basso/sinistra e offset comune Xstartbolle Ystartbolle

function to_crash(x,y)
{
   var c=0;   
   if ((winY + winH - YStartbolle - y)<10) c=1;
   if ((XStartbolle +x)<10) c=1;
   return c;
}

function posBolla_a(x,y)
{
   document.getElementById('layer_bolla_a').style.top= winY + winH - YStartbolle - y;
   document.getElementById('layer_bolla_a').style.left= XStartbolle +x; // innerWidth;
}

function posBolla_b(x,y)
{
   document.getElementById('layer_bolla_b').style.top= winY + winH - YStartbolle - y;
   document.getElementById('layer_bolla_b').style.left= XStartbolle +x; // innerWidth;
}

function posBolla_c(x,y)
{
   document.getElementById('layer_bolla_c').style.top= winY + winH - YStartbolle - y;
   document.getElementById('layer_bolla_c').style.left= XStartbolle +x; // innerWidth;
}

function posBolla1(x,y)
{
   document.getElementById('layer_bolla1').style.top= winY + winH - YStartbolle - y;
   document.getElementById('layer_bolla1').style.left= XStartbolle +x; // innerWidth;
   document.getElementById('layer_esponi1').style.top= winY + winH - YStartbolle - y + DYesponi;
   document.getElementById('layer_esponi1').style.left= XStartbolle +x; // innerWidth;
}

function posBolla2(x,y)
{
   document.getElementById('layer_bolla2').style.top= winY + winH - YStartbolle -  y;
   document.getElementById('layer_bolla2').style.left= XStartbolle +x; // innerWidth;
   document.getElementById('layer_esponi2').style.top= winY + winH - YStartbolle - y + DYesponi;
   document.getElementById('layer_esponi2').style.left= XStartbolle +x; // innerWidth;
}

function posBolla3(x,y)
{
   document.getElementById('layer_bolla3').style.top= winY + winH - YStartbolle - y;
   document.getElementById('layer_bolla3').style.left= XStartbolle +x; // innerWidth;
   document.getElementById('layer_esponi3').style.top= winY + winH - YStartbolle - y + DYesponi;
   document.getElementById('layer_esponi3').style.left= XStartbolle +x; // innerWidth;
}

function posBolla4(x,y)
{
   document.getElementById('layer_bolla4').style.top= winY + winH - YStartbolle- y;
   document.getElementById('layer_bolla4').style.left= XStartbolle +x; // innerWidth;
   document.getElementById('layer_esponi4').style.top= winY + winH - YStartbolle- y+DYesponi;
   document.getElementById('layer_esponi4').style.left= XStartbolle +x; // innerWidth;
}

function posBolla5(x,y)
{
   document.getElementById('layer_bolla5').style.top= winY + winH - YStartbolle- y;
   document.getElementById('layer_bolla5').style.left= XStartbolle +x; // innerWidth;
   document.getElementById('layer_esponi5').style.top= winY + winH - YStartbolle- y+DYesponi;
   document.getElementById('layer_esponi5').style.left= XStartbolle +x; // innerWidth;
}

function setLayerOpacity(layer,opacity_percent)
{
  if (parseInt(navigator.appVersion)>3)
  {
    if (navigator.appName=="Netscape") 
    {
       document.getElementById(layer).style.MozOpacity=opacity_percent/100;
    }
    if (navigator.appName.indexOf("Microsoft")!=-1)
    {
       document.getElementById(layer).filters.alpha.opacity=opacity_percent;
    }
  }
}



function getNrFromUrl()
{
    // estrae l'indicazione numerica che segue l'URL
    // ad esempio: http://www.vitafutura.it?3 ritorna 3
    // se manca il ? ritorna 0
    var locate = window.location
    document.fff.hhh.value = locate
    var str = document.fff.hhh.value
    var point =0;
    var xret=0;
    point = str.indexOf("?");
    if (point>0)
    {
        xret=parseInt(str.substring(point+1,str.length))
        //alert (xret); 
    }
    return(xret);
}



//==============================================================
//   funzione peincipale che si autolancia periodicamente 
//==============================================================


function nextstep()
{
  var ondulazione=0;  

  // alert('ok');
  // document.getElementById('layer2').style.top=vpos.toString()+'px';
  getWindowSize(); // continua ad aggiornare
  getWindowOffset();
  
  if(passo==0)  rientro=getNrFromUrl();
  
  // movimento delle bolle senza scritte
 
  if(rotta_a==1)
  {
    document.getElementById('bolla_a').src='images/null.gif';
    rotta_a=2;
  }
  if(rotta_b==1)
  {
    document.getElementById('bolla_b').src='images/null.gif';
    rotta_b=2;
  }
  if(rotta_c==1)
  {
    document.getElementById('bolla_c').src='images/null.gif';
    rotta_c=2;
  }
  if(rotta_a && rotta_b && rotta_c)
  {
    rotta_a=0; //indica bolla rotta
    rotta_b=0; //indica bolla rotta
    rotta_c=0; //indica bolla rotta
    passo1=0; // torna a replicare il movimento continuo
    passo2++;
    if (passo2>3)
    {
      passo2=0;
    }
  }
  passo1++;

  ondulazione=Math.sin(passo1/2);
  xa=(-passo1)*2 * (passo2+1) +ondulazione*15;
  ya= passo1*14;
  xb=passo1*3 *(passo2+1) -ondulazione*30;
  yb=passo1*22 -150;    
  xc=passo1*4 *(passo2+1) -ondulazione*20;
  yc=passo1*20 -15;    
  
  posBolla_a(xa,ya); 
  if ((to_crash(xa,ya))&&(rotta_a==0))
  {
    document.getElementById('bolla_a').src='images/bolla_rotta.png';
    rotta_a=1;
  }
  posBolla_b(xb,yb);
  if ((to_crash(xb,yb))&&(rotta_b==0))
  {
    document.getElementById('bolla_b').src='images/bolla_rotta.png';
    rotta_b=1;
  }
  posBolla_c(xc,yc);
  if ((to_crash(xc,yc))&&(rotta_c==0))
  {
    document.getElementById('bolla_c').src='images/bolla_rotta.png';
    rotta_c=1;
  }
  
  
  if((ya>0)&&(rotta_a==0))
  {
    document.getElementById('bolla_a').src='images/bolla.png';
  }
  if((yb>0)&&(rotta_b==0))
  {
    document.getElementById('bolla_b').src='images/bolla.png';
  }
  if((yc>0)&&(rotta_c==0))
  {
    document.getElementById('bolla_c').src='images/bolla.png';
  }
 
  // avviso iniziale
  
  if(passo==0)
  {

    //if (rientro==0) setLayerOpacity('layer_start_mask',MaskPerc);
    
    document.getElementById('layer_start_sfondo').style.top= '11px'; // ex ((winH-413)/2)+'px';
    document.getElementById('layer_start_sfondo').style.left= '351px'; // ex ((winW-550)/2)+'px';
    
    document.getElementById('layer_start_parole').style.top= '11px'; // ex ((winH-413)/2)+'px';
    document.getElementById('layer_start_parole').style.left= '351px'; // ex ((winW-550)/2)+'px';

    // metti i layer sull'immagine del logo
    //setLayerOpacity('layer_start_mask',0);    
    //document.getElementById('layer_start_mask').style.top='11px';
    //document.getElementById('layer_start_mask').style.left='351px'; // ex '1px';
    //document.getElementById('start_mask').width= 543; // ex winW-20;
    //document.getElementById('start_mask').height= 106; // ex winH;

    setLayerOpacity('layer_start_sfondo',0);

    document.getElementById('start_sfondo').src='images/avviso1.jpg';  // ex 'images/drk_small_chiara_tr.jpg';

    setLayerOpacity('layer_start_parole',0);

    document.getElementById('start_parole').src='images/avviso2.jpg'; // ex 'images/drk_scritta_bianco.png';

  } 
 
  if((passo>InizioFadeIn)&&(passo<(InizioFadeIn+11))&&(rientro==0))
  {
    setLayerOpacity('layer_start_sfondo',(passo-InizioFadeIn)*10);
  } 

  if((passo>InizioFadeOut)&&(passo<(InizioFadeOut+11))&&(rientro==0))
  {
    setLayerOpacity('layer_start_sfondo',(10-(passo-InizioFadeOut))*10);
    //setLayerOpacity('layer_start_mask',((MaskPerc/10)-(passo-InizioFadeOut))*(MaskPerc/10));    
  } 

  if((passo>InizioFadeInParole)&&(passo<(InizioFadeInParole+11))&&(rientro==0))
  {
    setLayerOpacity('layer_start_parole',(passo-InizioFadeInParole)*10);
  } 

  if((passo>InizioFadeOutParole)&&(passo<(InizioFadeOutParole+10))&&(rientro==0))
  {
    //document.getElementById('start_parole').src= 'images/avviso3.jpg'; // ex 'images/drk_scritta.png';
    document.getElementById('start_sfondo').src='images/avviso3.jpg'; // ex 'images/drk_small_interno.jpg';
  } 

  if((passo>InizioFadeOutParole)&&(passo<(InizioFadeOutParole+10))&&(rientro==0))
  {
    setLayerOpacity('layer_start_parole',(9-(passo-InizioFadeOutParole))*10);
  } 

  if(((((10-(passo-InizioFadeOut))*10)==0) &&(rientro==0))||((passo===20)&&(rientro==1)))
  {
    // togli i layer dell'avviso iniziale     
    document.getElementById('start_parole').style.width='1px';
    document.getElementById('start_parole').style.height='1px';
    document.getElementById('start_sfondo').style.width='1px';
    document.getElementById('start_sfondo').style.height='1px';
    // ridimensiona il layer di mascheramento    
    document.getElementById('start_mask').style.width='1px';
    document.getElementById('start_mask').style.height='1px';
  } 


  // inizializza bolle
  if(passo==0)
  {
    
    // alert(' winX= '+ winX + ' winY= '+ winY );    
    // testBrowser();
  
    document.getElementById('bolla1').src='images/null.gif';
    document.getElementById('bolla2').src='images/null.gif';
    document.getElementById('bolla3').src='images/null.gif';
    document.getElementById('bolla4').src='images/null.gif';
    document.getElementById('bolla5').src='images/null.gif';
    posBolla1(0,0); 
    posBolla2(0,0); 
    posBolla3(0,0); 
    posBolla4(0,0); 
    posBolla5(0,0); 
  } 

  if(moto1<2) // moto di salita della bolla
  {
	  x1= passo*kx1 +ondulazione*kond1;
	  y1= passo*ky1 -kdelay1;
  }
  if(moto2<2) // moto di salita della bolla
  {
	  x2= passo*kx2 - ondulazione*kond2;
	  y2= passo*ky2 -kdelay2;
  }
  if(moto3<2) // moto di salita della bolla
  {
	  x3= passo*kx3 - ondulazione*kond3;
	  y3= passo*ky3 -kdelay3;    
  }
  if(moto4<2) // moto di salita della bolla
  {
	  x4= passo*kx4 +ondulazione*kond4;
	  y4= passo*ky4 -kdelay4;
  }
  if(moto5<2) // moto di salita della bolla
  {
	  x5= passo*kx5 -ondulazione*kond5;
	  y5= passo*ky5 -kdelay5;    
  }


  if((y1>0)&&(moto1==0)) // se non è ancora stata attivata
  {
    document.getElementById('bolla1').src='images/bolla1.png';
    moto1=1;
  }
  if((y2>0)&&(moto2==0)) // se non è ancora stata attivata
  {
    document.getElementById('bolla2').src='images/bolla2.png';
    moto2=1;
  }
  if((y3>0)&&(moto3==0)) // se non è ancora stata attivata
  {
    document.getElementById('bolla3').src='images/bolla3.png';
    moto3=1;
  }
  if((y4>0)&&(moto4==0)) // se non è ancora stata attivata
  {
    document.getElementById('bolla4').src='images/bolla4.png';
    moto4=1;
  }
  if((y5>0)&&(moto5==0)) // se non è ancora stata attivata
  {
    document.getElementById('bolla5').src='images/bolla5.png';
    moto5=1;
  }
 //alert('clicca per continuare');


  if(y1>Yend1) // fine della salita
  {
	  moto1=2;
  }
  if(y2>Yend2) // fine della salita
  {
	  moto2=2;
  }
  if(y3>Yend3) // fine della salita
  {
	  moto3=2;
  }
  if(y4>Yend4) // fine della salita
  {
	  moto4=2;
  }
  if(y5>Yend5) // fine della salita
  {
	  moto5=2;
  }
  
 
    posBolla1(x1,y1); 
    posBolla2(x2,y2); 
    posBolla3(x3,y3); 
    posBolla4(x4,y4); 
    posBolla5(x5,y5); 


  passo++;
  if(passo>1000)
  {
    passo=1000; // torna a replicare il movimento continuo
  }
 setTimeout('nextstep()',tempo);
}