//  Qui sotto dopo l'uguale bisogna mettere il numero di imperativi presenti.

num_di_imperativi=4;
testo_imperativo=new Array();

// Qui sotto bisogna mettere (in tante righe quanti sono gli imperativi) 'testo_imperativo[1]=', 
// 'testo_imperativo[2]=', 'testo_imperativo[3]=' ecc. ecc. Poi, dopo l'uguale di 'testo_imperativo[1]',
// bisogna scrivere tra apicini doppi il testo del primo imperativo ed alla fine della riga bisogna mettere
// il ';'  Stesse operazioni vanno fatte in tutte varie righe.

testo_imperativo[1]="Tutto sulla valle del Metramo";
testo_imperativo[2]="Informazione on line";
testo_imperativo[3]="da Galatro Terme";
testo_imperativo[4]="in Calabria";



scost_left_animaz_linee=0;
scost_top_animaz_linee=0;
pos_orizz_linee_vert=24
flag_inversione_1=0;
pos_vert_linee_orizz=44;
flag_inversione_2=0;
pos_orizz_testo=32;
pos_vert_testo=27;
num_ciclo_vis_testo=1;
color_testo_red=0;
color_testo_green=0;
color_testo_blue=0;

str_crea_div_linee='<div id="div_linee_orizz" style="position:absolute; width:265px; ';
str_crea_div_linee+='height:5px; left:0px; top:0px; visibility:hidden; z-index:1;">';
str_crea_div_linee+='<img src="imgserv/linee_orizz.jpg" /></div>';
document.write(str_crea_div_linee);
str_crea_div_linee='<div id="div_linee_vert" style="position:absolute; width:5px; ';
str_crea_div_linee+='height:60px; left:0px; top:0px; visibility:hidden; z-index:1;">';
str_crea_div_linee+='<img src="imgserv/linee_vert.jpg" /></div>';
document.write(str_crea_div_linee);
str_crea_div_linee='<div id="div_testo" style="position:absolute; width:233px; ';
str_crea_div_linee+='height:35px; left:0px; top:0px; visibility:hidden; z-index:0; ';
str_crea_div_linee+='color:#0000FF;">blabla</div>';
document.write(str_crea_div_linee);


function init_animation_linee(scost_left_animaz, scost_top_animaz) {

  scost_left_animaz_linee=scost_left_animaz;
  scost_top_animaz_linee=scost_top_animaz;
  document.getElementById("div_testo").style.left=''+(scost_left_animaz_linee+pos_orizz_testo)+'px';
document.getElementById("div_testo").style.top=''+(scost_top_animaz_linee+pos_vert_testo)+'px';
  document.getElementById("div_testo").style.visibility='visible';
  str_crea_testo='<font class="imperativo">';
  str_crea_testo+=testo_imperativo[num_ciclo_vis_testo]+'</font>';
  document.getElementById("div_testo").innerHTML=str_crea_testo;
document.getElementById("div_linee_vert").style.left=''+(scost_left_animaz_linee+pos_orizz_linee_vert)+'px';
  document.getElementById("div_linee_vert").style.top=''+(scost_top_animaz_linee)+'px';
  document.getElementById("div_linee_orizz").style.left=''+(scost_left_animaz_linee)+'px';
  document.getElementById("div_linee_orizz").style.top=''+(scost_top_animaz_linee+pos_vert_linee_orizz)+'px';
  document.getElementById("div_linee_vert").style.visibility='visible';
  document.getElementById("div_linee_orizz").style.visibility='visible';
  setTimeout('ciclo();', 3000);
}

function ciclo() {
  num_ciclo_vis_testo+=1;
  if (num_ciclo_vis_testo==num_di_imperativi+1) {num_ciclo_vis_testo=1;}
  color_testo_red=0;
  color_testo_green=0;
  color_testo_blue=255;
// Questo flag qui sotto, a seconda se è true o false, indica se è corso di esecuzione la function animation_linee_vert() (che
// è la funzione di animazione delle linee verticali) oppure no.
  flag_esecuzione_animation_linee_vert=true;
// Questo flag qui sotto, a seconda se è true o false, indica se è corso di esecuzione la function animation_linee_orizz() (che
// è la funzione di animazione delle linee orizzontali) oppure no.
  flag_esecuzione_animation_linee_orizz=true;
  setTimeout("attesa_ciclo();", 30);
  animation_linee_vert();
  animation_linee_orizz();
}
function attesa_ciclo() {
// Qui sotto, se è in esecuzione la function animation_linee_vert() o la function animation_linee_orizz() o entrambe, viene
// ripetuta l'attesa, se invece le due animazioni sono finite allora si attende 3500 millisecondi (3,5 secondi) e viene
// avviata la function ciclo() che fa ripetere il ciclo delle animazioni.
    if (flag_esecuzione_animation_linee_vert || flag_esecuzione_animation_linee_orizz) {
      setTimeout("attesa_ciclo();", 30);
    }
    else
    {
      setTimeout("ciclo();", 3500);
    }
}

function animation_linee_vert() {
    document.getElementById("div_linee_vert").style.left=''+(scost_left_animaz_linee+pos_orizz_linee_vert)+'px';
    document.getElementById("div_testo").style.color= 'rgb('+Math.round(color_testo_red)+', '+Math.round(color_testo_green)+', '+Math.round(color_testo_blue)+')';

    if (flag_inversione_1==0) {
      pos_orizz_linee_vert+=8;
      color_testo_red+=6.37;
      color_testo_green+=8.03;
      color_testo_blue-=0.67;
      if (pos_orizz_linee_vert>256) {
         pos_orizz_linee_vert-=8;
         flag_inversione_1=1;
         str_crea_testo='<font class="imperativo">';
         str_crea_testo+=testo_imperativo[num_ciclo_vis_testo]+'</font>';
         document.getElementById("div_testo").innerHTML=str_crea_testo;
         color_testo_red=185;
         color_testo_green=233;
         color_testo_blue=235;
      }     
    }
    if (flag_inversione_1==1) {
       pos_orizz_linee_vert-=8;
       color_testo_red-=6.37;
       color_testo_green-=8.03;
       color_testo_blue+=0.67;
    }
    if (!(flag_inversione_1==1 & pos_orizz_linee_vert<24)){    
       setTimeout('animation_linee_vert();', 30);
    }
    else {
       pos_orizz_linee_vert=24;
       flag_inversione_1=0;
// Qui sotto si imposta il flag di animazione delle linee verticali su 'false' in quanto l'animazione è finita.
       flag_esecuzione_animation_linee_vert=false;
    }
}

function animation_linee_orizz() {
    document.getElementById("div_linee_orizz").style.top=''+(scost_top_animaz_linee+pos_vert_linee_orizz)+'px';
    if (flag_inversione_2==0) {
      pos_vert_linee_orizz-=1.5;
      if (pos_vert_linee_orizz<0) {
         pos_vert_linee_orizz+=1.5;
         flag_inversione_2=1;
      }     
    }
    if (flag_inversione_2==1) {
       pos_vert_linee_orizz+=1.5;
    }
    if (!(flag_inversione_2==1 & pos_vert_linee_orizz>44)){    
       setTimeout('animation_linee_orizz();', 30);
    }
    else {
       pos_vert_linee_orizz=44;
       flag_inversione_2=0;
// Qui sotto si imposta il flag di animazione delle linee orizzontali su 'false' in quanto l'animazione è finita.
       flag_esecuzione_animation_linee_orizz=false;
    }
}

function sposta_animaz_linee(scost_left_animaz, scost_top_animaz) {
  scost_left_animaz_linee=scost_left_animaz;
  scost_top_animaz_linee=scost_top_animaz;
  document.getElementById("div_testo").style.left=''+(scost_left_animaz_linee+pos_orizz_testo)+'px';
document.getElementById("div_testo").style.top=''+(scost_top_animaz_linee+pos_vert_testo)+'px';
document.getElementById("div_linee_vert").style.left=''+(scost_left_animaz_linee+pos_orizz_linee_vert)+'px';
  document.getElementById("div_linee_vert").style.top=''+(scost_top_animaz_linee)+'px';
  document.getElementById("div_linee_orizz").style.left=''+(scost_left_animaz_linee)+'px';
  document.getElementById("div_linee_orizz").style.top=''+(scost_top_animaz_linee+pos_vert_linee_orizz)+'px';
}

function on_off_animaz_linee(flag) {
    if (flag) {
        document.getElementById("div_linee_orizz").style.visibility='visible';
        document.getElementById("div_linee_vert").style.visibility='visible';
        document.getElementById("div_testo").style.visibility='visible';
    }
    else {
        document.getElementById("div_linee_orizz").style.visibility='hidden';
        document.getElementById("div_linee_vert").style.visibility='hidden';
        document.getElementById("div_testo").style.visibility='hidden';
    }
}