// JScript File
//dichiaro variabili pagina
var elencoImmagini; //=new Array;
var elencoImmaginiFiltrate; //=new Array;
var indice;
var ddlFiltro;
var btnNext;
var btnPrev;
var divLabel;
var spanTesto
//span_nav_testo
//var divNumSlide;
var spanCurrSlide;
var theImg;


function Immagine(m_immaginestruttura_id,m_immaginestruttura_nome,m_immaginestruttura_descrizione,m_immaginestruttura_priorita ){
    this.immaginestruttura_id=m_immaginestruttura_id;
    this.immaginestruttura_nome=m_immaginestruttura_nome;
    this.immaginestruttura_descrizione=m_immaginestruttura_descrizione;
    this.immaginestruttura_priorita=m_immaginestruttura_priorita;
    this.pic;
    
    this.carica = function(){
        this.pic = new Image(380,285); 
        this.pic.src=this.immaginestruttura_nome; 
        this.pic.alt=this.immaginestruttura_descrizione; 
        
    }
    
    this.popolaControlli = function(){
        document.getElementById("cella_nav_testo").innerHTML = this.immaginestruttura_descrizione;
        var theImg = document.getElementById("slideImg");
        spanTesto.innerHTML = this.immaginevilla_descr;
        theImg.src = this.pic.src;
        theImg.alt = this.pic.alt;
        spanCurrSlide.innerHTML = " (<strong>" + String(indice+1) + "</strong>/" + String(elencoImmaginiFiltrate.length) + ")";
    }
}



function filtraImmagini(propname,propval)
{
    elencoImmaginiFiltrate=new Array;
    var currImg;
    var k=0;
    for(i=0; i<elencoImmagini.length;i++){
        currImg = new Immagine();
        currImg = elencoImmagini[i];
        if(currImg[propname]==propval){
            elencoImmaginiFiltrate[k]=currImg;
            k++;
        }
    }
    if (elencoImmaginiFiltrate.length<=0){
        alert('sorry, for the current estate there are no picture of this category');
        
    } 
}


function rimuoviFiltroImmagini()
{
    elencoImmaginiFiltrate=new Array;
    var currImg;
    for(i=0; i<elencoImmagini.length;i++){
        currImg = new Immagine();
        currImg = elencoImmagini[i];
        elencoImmaginiFiltrate[i]=currImg;
    }
}


function mostraImmagine(){
    if (elencoImmaginiFiltrate.length>0){
        elencoImmaginiFiltrate[indice].popolaControlli();
    }
}

function getFiltro(){
    var currsel = ddlFiltro.selectedIndex;
    return ddlFiltro[currsel].value;
}

function impostaFiltro(theVal){
    //internal    

    if(Number(theVal)>0){
        filtraImmagini('tipologiaimmagine_id',theVal);
    }else{
        rimuoviFiltroImmagini();
    }
    indice = 0;
    mostraImmagine();
}

function naviga(dove){

    if(dove > 0){
        if (indice>=elencoImmaginiFiltrate.length-1){
            indice=0;
         }else{
            indice++;
         }   
    }else{
        if (indice<=0){
            indice=elencoImmaginiFiltrate.length-1;
         }else{
            indice--;
         }   
    }
    mostraImmagine();
    
}

function initPage()
{
//    ddlFiltro.selectedIndex=2;
//    ddlFiltro.onchange = function(){
//         impostaFiltro(this.value);
//         mostraImmagine();
//    }
    btnNext = document.getElementById("btn_next");
    btnNext.onclick=function(){
        naviga(1);
    }
    btnPrev = document.getElementById("btn_prev");
    btnPrev.onclick=function(){
        naviga(-1);
    }
    
    divLabel = document.getElementById("cella_nav_testo");
    theImg = document.getElementById("slideImg");
    
    spanCurrSlide= document.getElementById("currSlide"); 
    spanTesto= document.getElementById("span_nav_testo"); 
    
    impostaFiltro(0);
    mostraImmagine();
}