// JavaScript Document
var n               = 1;
var imag            = "";
var toggle          = 0;
var objImgSelected  = "";

/// Funzione per aggiustare la pagina a seconda delle versioni.
/// In particolare esegue l'allineamento del menu orizzontale in caso i IE
function perExplorer() {
    var ie = (navigator.appName.indexOf('Microsoft Internet Explorer')>-1);
    if(ie) {
        document.getElementById('menu').style.cssText = "height: 24px;";
    }
}

/// Funzione per evidenziare un link al passaggio del mouse
function evidenzia(objLink) {
    document.getElementById(objLink).style.cssText          = "border-color: red";
    document.getElementById(objLink + 'Nome').style.cssText = "color : red";
}

/// Funzione per togliere l'evidenziatura sul link dopo il passaggio del mouse
function disevidenzia(objLink) {
    document.getElementById(objLink).style.cssText          = "border-color: white";
    document.getElementById(objLink + 'Nome').style.cssText = "color : olive";
}

function evidenziaFotogramma(objImg) {
    objImg.style.cssText = "border-color: red";
}

function disevidenziaFotogramma(objImg) {
    if (objImg != objImgSelected) objImg.style.cssText = "border-color: white";
}

/// funzione mostra l'immagine seguente se ci si clicca sopra
function cambia() {
    if (n==6)
        n=1;
    else 
        n++;
    imag = n;
    document.getElementById('img').src="img/"+posizione+"/"+imag+".jpg";
    document.getElementById('didascalia').innerHTML = desc[n];
}

/// Funzione che mostra l'immagine richiesta nel tag visore.
/// In input un numero intero che se cade nel range di immagini comporta la visualizzazione
/// dell'immagine corrispondente. Se il numero č maggiore verrā mostrata la prima immagine,
/// se il numero č minore = di 0 verrā mostrata l'ultima immagine.
function visualizza(image) {
    objImgSelected = document.getElementById('small'+image);
    if (image <= 0) {
        image = totImg;
        i = totImg;
    }
    // il prossimo controllo vale solo per il guestbook
    if (image > totImg) {
        image = 1;
        i = 1;
    }                 
    i = image;
    // Inserisco nel visore e nella descrizione l'immagine e la didascalia selezionata
    document.getElementById('img').src="img/"+posizione+"/"+i+".jpg";
    document.getElementById('didascalia').innerHTML = desc[i];
    // Ciclo sui fotogrammi per togliere le selezioni
    for(j=1; j<=totImg; j++) {
        document.getElementById('small'+j).style.filter = "";
        document.getElementById('small'+j).style.border = "2px solid white"; 
    }
    // Ed imposto la selezione sul fotogramma corrente
    document.getElementById('small'+i).style.filter = "Alpha(Opacity=65)";
    document.getElementById('small'+i).style.border = "2px solid red"; 
}

/// Funzione che cariche via DOM i fotogrammi per la scelta delle immagini
function caricaFotogrammi() {
    for(i=1; i<=totImg; i++) {
        document.getElementById('fotogrammi').innerHTML += '<div class="fotogramma"><img id="small' + i + '" onclick="visualizza(' + i + ');" onmouseover="evidenziaFotogramma(this);" onmouseout="disevidenziaFotogramma(this);" alt=""/></div> <!-- fotogramma -->';
        document.getElementById('small'+i).src="img/"+posizione+"/small"+i+".jpg";
    }
    i = 1;
    // Inserisco nel visore e nella descrizione l'immagine e la didascalia selezionata
    document.getElementById('img').src="img/"+posizione+"/"+i+".jpg";
    document.getElementById('didascalia').innerHTML = desc[i];
    // Imposto la selezione sul fotogramma corrente
    document.getElementById('small'+i).style.filter = "Alpha(Opacity=65)";
    document.getElementById('small'+i).style.border = "2px solid red"; 
}

/// Funzione che regola le tempistiche di variazione dell'immagine della Cascinetta nel Logo
/// e da il via alle variazioni.
function logo() {
    dissolvi(100);
   // mostra(1);
}

/// Funzione che sfuma l'immagine della cascinetta e la alterna.
/// Si richiama all'infinito
function dissolvi(passo) {
    passo=passo-5;
    document.getElementById('cascinetta').style.cssText="filter:Alpha(Opacity="+passo+")";
    if (passo <= 0) {
       if (toggle == 0) {
          document.getElementById('cascinetta').src = "img/nevicata.jpg";
          toggle = 1;
       } else {
          document.getElementById('cascinetta').src = "img/cascinetta.jpg";
          toggle = 0;
       }
      //document.getElementById('cascinetta').style.cssText="filter:Alpha(Opacity=0)";
      setTimeout('mostra(0)', 300);
    } else {
      setTimeout('dissolvi('+passo+')', 50);
    }
}

/// Funzione che sfuma un'immagine dissolvendola piano piano
function mostra(passo) {
    passo=passo+5;
    document.getElementById('cascinetta').style.cssText="filter:Alpha(Opacity="+passo+")";
    if (passo >= 100) {
      setTimeout('dissolvi(100)', 4000);
    } else {
      setTimeout('mostra('+passo+')', 100);
    }
}