var isIE = document.all ? true : false;
//var oNavigator;
var brano;
var op_scritta = 0;

function init(){

    // 0. raccogli variabili
    pos.match(/(\d\d).(\d\d)/);
    var current_section = RegExp.$1;
    var current_subsection = RegExp.$2;
    
    // 0.a uscite per pagine speciali
    if (pos.match(/^00\.0[3456]/)) return;

    // 1. gestione menu top
    var li = document.getElementById('section_' + current_section);
    // 1.a imposta situazione di menu correnti  
    menu_over(li);				// prima attivo la tessera della sezione corrente
    // 1.b disabilito il mouseover e il mouseout per la voce di menu corrispondente alla pagina in cui mi trovo
    li.onmouseover = li.onmouseout = null; 	// poi disabilito gli eventi over e out
    // 1.c infine mostro il submenu
    if (!pos.match(/^00\.0[129]/)) {
    	show_submenu(current_section);

	    // 1.d gestione formati submenu
	    var ul = document.getElementById('submenu_' + current_section);
	    if(ul) {
	        var li = ul.getElementsByTagName('LI');
	        var n = parseInt(current_subsection, 10) - 1;
	        
	        // eccezione per la home e il suo submenu delle lingue
	        if (pos == '00.00') n = (lang == 'it')? 0 : 1;
	        
	        // coloro la ennesima voce del submenu ad eccezione (n = -1) di quelle sezioni
	        // che non hanno sottosezioni
		
	        if (n >= 0){
	          li[n].getElementsByTagName('IMG')[0].src = 'img/px/orange.gif';
	          li[n].getElementsByTagName('A')[0].className = 'submenu_on';
	        }
	    }
    }
    // 2. aggiungo il testo del link 'salvi nel mondo' e 'contatti' a seconda della lingua
    document.getElementById('salvi_mondo_li').firstChild.innerHTML = (lang=='it')? 'salvi nel mondo' : 'salvi in the world';
  
    //stefano document.getElementById('eventi_li').firstChild.innerHTML = (lang=='it')? 'eventi' : 'events';
 	
    document.getElementById('contatti_li').firstChild.innerHTML = (lang=='it')? 'contatti' : 'contacts';
    
    // 3. sistema link in lingua se non presente parametro
    js_anchor_lang_complete();
    
    // 4. se sono in una sottosezione che ha le pagine e prevede la navigazione,
    // mi posiziono sulla prima pagina o su quella passata come item
    if (pos.match(/^01\.0[12]/)){
        var path = 'photo/site/';
        // per ogni pagina creo oggetto img
        for(var i = 0; i < Pages['img'].length; i++) {
            var img = new Image();
            img.src = path + Pages['img'][i];
            set_opacity(img, 0);
            Pages['img'][i] = img; // sostituisco la stringa nome file img con la ref all'oggetto img
            document.getElementById('slider').appendChild(img);
        }
        oNavigator = new class_Navigator(Pages['page'], 'page_navigator');
        if(oNavigator) {
        	var n_item = parseInt(item);
        	if (n_item) n_item--;
			oNavigator.go(n_item);
        }
    }

    // 5. applico stondify agli elementi che hanno classe 'stondify'
    var oStondify = new class_stondify();
    oStondify.init();
    oStondify.apply(document, 'stondify');
    
    // 6. istanzio il music player
    var music_player = new class_music(document.getElementById('data_music'));
    
    // 7. eccezioni
    if (pos == '00.00') init_home();
    if (pos == '01.03') init_salvi_mondo();
    if (pos == '01.05') init_eventi();
    if (pos.match(/^02\.0[123456]/)) init_collezione();
    if (pos == '02.07') init_accessori();
    //if (pos == '02.08') init_corde();
    if (pos == '03.01') document.getElementById('link_guida_tecnica').href = 'doc/misc/guida_tecnica_' + lang + '.pdf';
    if (pos == '03.02') init_registrazione();
    
}

function init_home(tot_brani) {
	document.getElementById('salvi_mondo_li').style.display = 'block';
	//stefanodocument.getElementById('eventi_li').style.display = 'block';
	document.getElementById('contatti_li').style.display = 'block';
  
	//imposto il src dell'immagine iris/minerva e imposto l'href delle mappe con la lingua
	document.getElementById('img_iris_minerva').src = 'img/iris_minerva_' + lang + '.jpg';
	document.getElementById('link_iris').href = 'default.aspx?pos=02.01&lbl=Collezione&item=2&lang=' + lang;
	document.getElementById('link_minerva').href = 'default.aspx?pos=02.01&lbl=Collezione&item=3&lang=' + lang;
    
  	var rif_box2 = document.getElementById('img_box2');
  	//onclick a pagina di contatto tecnico it
  	//document.getElementById('BOX_home1').onclick = function(){document.location = 'default.aspx?pos=03.01&lang=' + lang;};
  	//document.getElementById('BOX_home1').onclick = function(){document.location = 'usato.aspx';};
    	
    //visualizzo immagine guida tecnica nel box 1
    document.getElementById('img_guida_tecnica').style.display = 'block';
    
    //ARPISSIMA
	if (lang == 'it'){
		rif_box2.href = 'doc/misc/arpissima.pdf';
		rif_box2.getElementsByTagName('IMG')[0].src = 'img/arpissima.jpg';
		rif_box2.getElementsByTagName('IMG')[0].onmouseover = function(){toggle_img(this);};
		rif_box2.getElementsByTagName('IMG')[0].onmouseout = function(){toggle_img(this);};
	}
	
	// SALVI IN THE WORLD
	if (lang == 'en'){
		rif_box2.href = 'default.aspx?pos=01.03&lang=en';
		rif_box2.target = '_self';
		rif_box2.getElementsByTagName('IMG')[0].src = 'img/link_dealers.jpg';
	}
	
// 	// CATALOGO MOSTRA
// 	if (lang == 'it'){
//	  	rif_box2.href = 'doc/misc/catalogo_mostra.pdf';
//	  	rif_box2.getElementsByTagName('IMG')[0].src = 'img/catalogo_mostra.jpg';
//  	}

	// OFFERTA SPECIALE
	var rif_box5 = document.getElementById('img_box5');
	rif_box5.href = 'doc/misc/offerta_speciale_' + lang + '.pdf';
	rif_box5.href = 'default.aspx?pos=01.05';
	var scritta = document.getElementById('scritta_offerta');
	//set_png_background(scritta.getElementsByTagName('DIV')[0],'scritta_offerta_' + lang + '.png','img/'); 
	//scritta.style.filter = 'alpha(opacity=0)';
	//scritta.style.opacity = '0';
	//setTimeout(function(){fade_scritta_offerta();}, 1000);
  	
	// sposto il music player dal footer al box_home5, rinominandone anche l'id
	document.getElementById('music_footer').id = 'music_home';
	document.getElementById('BOX_home6').appendChild(document.getElementById('music_home'));
}

function fade_scritta_offerta(){
	var scritta = document.getElementById('scritta_offerta');
	op_scritta += 2;
	
	scritta.style.filter = 'alpha(opacity=' + (op_scritta) + ')';
	scritta.style.opacity = op_scritta / 100;
	
	if (op_scritta <= 100) setTimeout(function(){fade_scritta_offerta();}, 50);
}

function init_collezione () {
    //traduzione in inglese label della tabella dettagli arpa
    if (lang =='en'){
	var tb_dati = document.getElementById('dati_arpa');
	tb_dati.rows[0].cells[0].innerHTML = 'Height';
	tb_dati.rows[1].cells[0].innerHTML = 'Width';
	tb_dati.rows[2].cells[0].innerHTML = 'Weight';
	tb_dati.rows[3].cells[0].innerHTML = 'Soundboard width';
	tb_dati.rows[4].cells[0].innerHTML = 'Range';
	tb_dati.rows[5].cells[0].innerHTML = 'Soundboard';
	tb_dati.rows[6].cells[0].innerHTML = 'Finishes';
	document.getElementById('lbl_torna_prodotto').innerHTML = 'Go back';
    }
    
    //1. riferimento alla tabella nascosta
    var tb = document.getElementById('blind_data').getElementsByTagName('TBODY')[0];
    if (tb) { //se la tabella non è vuota come accessori
	//riferimento all'ul del menù delle arpe
	var ul = document.getElementById('menu_arpe');
	//1. ciclo su tutta la tabella finchè ci sono elementi
	for (var i = 0; i < tb.rows.length; i++){
	    //1.a prelevo il nome dell'arpa e lo appendo al menu arpe
	    var nome = tb.rows[i].cells[2].innerHTML;
	    var li = document.createElement('LI');
	    var a = document.createElement('A');
	    if (i == 0) nome = nome.replace(/anniversary$/,'');
	    a.innerHTML = nome;
	    a.id = 'ITEM_' + i;
	    a.onclick = function() {set_item_collezione(this);};
	    li.appendChild(a);
	    ul.appendChild(li); 
	}
	
	//2. attivo la prima voce di menu'
	li = ul.getElementsByTagName('LI');
	//2.a richiamo la funzione che riempie i campi della descrizione passandogli il riferimento al primo tag A
	view_data();
    }
    //imposto lo sfondo del div btn_photogallery
    set_png_background(document.getElementById('triang_photogallery'),'play_on.png','img/');
    //imposto lo sfondo del div btn_torna_prodotto
    set_png_background(document.getElementById('triang_torna_prodotto'),'play_on.png','img/');
    
    //nascondo il div della galleria
    document.getElementById('gallery').style.display = 'none';

    //carico immagine scarica pdf
    set_png_background(document.getElementById('scarica_pdf').getElementsByTagName('DIV')[0], 'scarica_pdf_' + lang + '.png', 'img/');
}

function set_item_collezione(obj){
  item = parseInt(obj.id.replace(/^ITEM_/,''));
  view_data();
}

function view_data (){
  var li = document.getElementById('menu_arpe').getElementsByTagName('A');
  var obj = li[item];
  
    //riferimento alla tabella nascosta
    var tb = document.getElementById('blind_data').getElementsByTagName('TBODY')[0];
    //1. prelevo le caratteristiche dell'arpa
    var tb_dati = document.getElementById('dati_arpa');
    for (var i = 0; i < tb.rows.length; i++){
		var nome = tb.rows[i].cells[2].innerHTML;
	    // confronto solo i primi 15 caratteri per la storia della voce 50th anniversary
		if (obj.innerHTML.substr(0,15) == nome.substr(0,15)) {
	
		    //1.a prelevo i dati dell'arpa e li inserisco nel box 3
		    tb_dati.rows[0].cells[1].innerHTML = tb.rows[i].cells[3].innerHTML; //altezza
		    tb_dati.rows[1].cells[1].innerHTML = tb.rows[i].cells[4].innerHTML; //larghezza
		    tb_dati.rows[2].cells[1].innerHTML = tb.rows[i].cells[5].innerHTML; //peso
		    tb_dati.rows[3].cells[1].innerHTML = tb.rows[i].cells[6].innerHTML; //larghezza cassa
		    tb_dati.rows[4].cells[1].innerHTML = tb.rows[i].cells[7].innerHTML; //estensione
		    tb_dati.rows[5].cells[1].innerHTML = tb.rows[i].cells[11].innerHTML; //tavola armonica
		    tb_dati.rows[6].cells[1].innerHTML = tb.rows[i].cells[12].innerHTML; //finitura
		
		    //1.b prelevo le note aggiuntive dell'arpa e le inserisco nel box 4
		    var note = tb.rows[i].cells[10].innerHTML;
		    document.getElementById('BOX_note').innerHTML = note;
	    
		    //1.c prelevo il nome dell'immagine e lo assegno all'src dell'img del box centrale
		    var nome_img = tb.rows[i].cells[9].innerHTML;
		    if (nome_img == 'juno_a.jpg' || nome_img == 'mia_a.jpg' || nome_img == 'titan_a.jpg') {
		    var t = document.getElementById('lbl_photogallery');
		    t.style.color = '#94918B';
		    }
		    else
		    {
		    var t = document.getElementById('lbl_photogallery');
		    t.style.color = '#FFFFFF';
		    }
		    document.getElementById('BOX_immagine').getElementsByTagName('IMG')[0].src = 'photo/site/' + nome_img;
		  	
		  	// ECCEZIONE IRIS E MINERVA BOLLO
		  	document.getElementById('bollo').style.display = 'none';
		  	if (nome == 'Minerva' || nome == 'Iris') {
		  		document.getElementById('bollo').style.display = 'block';
		  		set_png_background(document.getElementById('bollo'),'bollo_' + lang + '.png','img/');
		  	}
		    
		  	
		    //1.d valorizzo l'src dell'immagine scarica pdf
		    //se siamo nella serie daphne il pdf è unico e si chiama Daphne.pdf
		    var nome_pdf;
		    if (pos == '02.03') {
			nome_pdf = nome.substr(0,6).toLowerCase();
		    } else {
			nome_pdf = nome.toLowerCase();
		    }
		    document.getElementById('scarica_pdf').href = 'doc/misc/prodotti/' + nome_pdf.replace(/<span .*>/,'').replace(/<\/span>/,'').replace(/ /g,'_') + '.pdf';
		
		    //2.a prelevo i nomi delle immagini che dovranno comporre la galleria
		    var img_galleria = tb.rows[i].cells[13].innerHTML.split(',');
		    
		    //2.b prelevo le caption delle immagini della galleria
		    var caption_foto = tb.rows[i].cells[14].innerHTML.split(',');
		    //inserisco il nome dell'arpa nel footer
		    document.getElementById('nome_arpa').innerHTML = nome;
		    document.getElementById('nome_arpa').className = 'arancio';
		    if (document.getElementById('nome_arpa').getElementsByTagName('SPAN')[0]) document.getElementById('nome_arpa').getElementsByTagName('SPAN')[0].style.color = '#A77300';
		    
		    //se la cella dette foto e'valorizzata allora compongo la galleria
		    if (img_galleria != '') {
			//valorizza il background della prima foto site
			document.getElementById('photo_site').style.backgroundImage = "url('photo/site/" + img_galleria[0] + "')";
			//caption della prima foto
			document.getElementById('caption_foto').innerHTML = ', ' + caption_foto[0];
			
			var div_thumb;
			//pulisco le thumb
			for (var z = 0; z <= 3; z++){
				document.getElementById('thumb_' + z).style.display = 'none';
			}
			//ciclo nell'array restituito da split finche' ci sono immagini e caption
			for (var j = 0; j < img_galleria.length; j++){
			//div corrente   
			    div_thumb = document.getElementById('thumb_' + j);
			    div_thumb.style.display = 'block';
			    //IMMAGINI
			    div_thumb.style.backgroundImage = "url('photo/thumb/" + img_galleria[j] + "')";
	   		    div_thumb.onclick = function(){set_particolari_collezione(this);}
			    div_thumb.title = caption_foto[j];
			}
			
			//cicla sui div thumb e rende non visibili i div che non hanno un backgroundImage
			for (var n = 0; n < 4 ; n++){
			    if (document.getElementById('thumb_' + n).style.backgroundImage == '')
				document.getElementById('thumb_' + n).style.display = 'none';
			}
		   }	   
		} 
	}
    
    /*cambio colore del link precedentemente cliccato*/
    var ul = document.getElementById('menu_arpe');
    var li = ul.getElementsByTagName('LI');
    for(var j = 0; j < li.length; j++){
      var voce_menu = li[j].getElementsByTagName('A')[0];
      voce_menu.className = (j == item) ? 'arancio' : 'grigio';
      //per la classe sup
      if (voce_menu.getElementsByTagName('SPAN')[0])
        voce_menu.getElementsByTagName('SPAN')[0].className = j == item ? 'sup arancio' : 'sup grigio';
    }


	// assegno la funzione all'onclick del pulsante di zoom
	document.getElementById('btn_flex_zoom').onclick = function(){open_flex_zoom(nome_img);};
}

function set_particolari_collezione(obj){

    // 1. preleva il backgroundImage dell'immagine cliccata, modifica il path
    img = obj.style.backgroundImage.replace(/thumb/,'site');
    document.getElementById('photo_site').style.backgroundImage = img;
    document.getElementById('caption_foto').innerHTML = ', ' + obj.title;

}

function open_photogallery_collezione(){
    //riferimento alla photogallery
    var gallery = document.getElementById('gallery');
    //nascondo il div dei dati
    document.getElementById('contenitore').style.display='none';
    document.getElementById('logo').style.display='none';
    //rendo visibile il div della galleria
    gallery.style.display = 'block';
}

function close_photogallery_collezione(){
    //riferimento alla photogallery
    var gallery = document.getElementById('gallery');
    //nascondo il div dei dati
    document.getElementById('contenitore').style.display = 'block';
     document.getElementById('logo').style.display='block';
    //rendo visibile il div della galleria
    gallery.style.display = 'none';
}

function init_accessori () {  
    //1. riferimento alla tabella nascosta
    var tb = document.getElementById('blind_data').getElementsByTagName('TBODY')[0];
    tb.deleteRow(0); //cancella la prima riga vuota
    
    //TRADUZIONI MENU ACCESSORI//
    var traduzione_menu = {
		'Cappe da trasporto' : 'Transport covers',
		'Coperte indoor' : 'Indoor cover',
		'Sgabelli' : 'Benches',
		'Leggii' : 'Music stands',
		'Carrelli' : 'Trolleys',
		'Bauli' : 'Trunks',
		'Accordatori' : 'Tuners',
		'Pick-up' : 'Pick-up',
		'Borse' : 'Bags',
		'Chiavi e Accessori' : 'Keys and Accessories',
		'Libro Metodo Bosio' : 'Books'
    };
    if (tb) {
		//riferimento all'ul del menù degli accessori
		var ul = document.getElementById('menu_accessori');
		//1. ciclo su tutta la tabella finchè ci sono elementi
		var old_tipo;
		var cont = 0;
		for (var i = 0; i < tb.rows.length; i++){
		    //1.a prelevo il tipo di accessorio e lo appendo al menu accessori
		    var tipo = tb.rows[i].cells[1].innerHTML;
		    if (tipo != old_tipo){
			var li = document.createElement('LI');
			var a = document.createElement('A');
			a.innerHTML = (lang == 'it')? tipo : traduzione_menu[tipo];
			a.alt = tipo;
			a.id = 'ITEM_' + cont;
			a.onclick = function() {set_item_accessori(this);};
			li.appendChild(a);
			ul.appendChild(li);
			old_tipo = tipo;
			cont++;
		    }
		}
	//	if (lang == 'en'){
		    
	//	    for (var n = 0; n < ul.length; n++){
			
	//	    }
	//	}
	
		// 2. sistemo il sistema a tasselli a dx
		var tassello_offset = 0;
		for (var k = 1; k <= 5; k++){
		  document.getElementById('ico_acc_' + k).style.top = tassello_offset - 20 + 'px';
		  tassello_offset += 85;
		}
	    
		// 3. inserisco img sfondo per legno selezionato
		var legno_offset = 8;
		for (var k = 1; k <= 4; k++){
		  set_png_background(document.getElementById('legno_' + k),'legno_' + k + '.png','img/accessori/');
		  document.getElementById('legno_' + k).style.left = legno_offset + 'px';
		  legno_offset += 58;
		}
	    
		set_png_background(document.getElementById('legno_selezionato'),'sel_colori.png','img/accessori/');		
	    
		//4. attivo la prima voce di menu'
		li = ul.getElementsByTagName('LI');
		//4.a imposto il background al div che contiene l'immagine che scarica il pdf
		set_png_background(document.getElementById('pdf_accessori'),'scarica_pdf_' + lang + '.png','img/');
		//4.b richiamo la funzione che riempie i campi della descrizione
		view_accessori();
    }
}

function set_item_accessori(obj){
  item = parseInt(obj.id.replace(/^ITEM_/,''));
  view_accessori();
}

function view_accessori (){
  var ul = document.getElementById('menu_accessori');
  var li = ul.getElementsByTagName('A');
  var obj = li[item];
    //riferimento alla tabella nascosta
    var tb = document.getElementById('blind_data').getElementsByTagName('TBODY')[0];
    //1. prelevo le caratteristiche degli accessori
    //pulisco i box dei tasselli
    for (var j = 1; j <= 5; j++){
      document.getElementById('tassello_' + j).innerHTML = '';
      document.getElementById('ico_acc_' + j).style.display = 'none';
    }
    
    var cont = 1;
    for (var i = 0 ; i < tb.rows.length; i++){
		var tipo = tb.rows[i].cells[1].innerHTML;
		if (obj.alt == tipo) {
		    //1 prelevo i nomi degli accessori e li inserisco nei contenitori
		    var accessorio = document.getElementById('tassello_' + cont);
		    accessorio.alt = 'ACCESSORIO_' + tb.rows[i].cells[0].innerHTML;
		    accessorio.innerHTML = tb.rows[i].cells[2].innerHTML;
		    accessorio.onclick = function() {set_accessorio(this);};
		    //1.a imposto il box di sfondo
		    set_png_background(accessorio,'sel_accessori.png','img/accessori/');
		
		    //se l'accessorio non ha la gestione dei legni 
		    if (tb.rows[i].cells[3].innerHTML == 'no'){
				//1.b imposto l'immagini piccole
				set_png_background(document.getElementById('ico_acc_' + cont),tb.rows[i].cells[5].innerHTML,'photo/thumb/');
				document.getElementById('ico_acc_' + cont).style.display = 'block';
				
				//nascondo i legni
				document.getElementById('BOX_legni').style.display = 'none';
				document.getElementById('lbl_accessorio_corrente').style.display = 'none';
		
		    } else {
				//carico e rendo visibile i possibili legni
				document.getElementById('BOX_legni').style.display = 'block';
			    
				// imposto l'immagine piccola
				var prima_img = tb.rows[i].cells[5].innerHTML.split(',');
				set_png_background(document.getElementById('ico_acc_' + cont),prima_img[0],'photo/thumb/');
				document.getElementById('ico_acc_' + cont).style.display = 'block';
				
				//rendo visibile la label della foto che indica nome accessorio con il legno
				var lbl_acc_corrente = document.getElementById('lbl_accessorio_corrente');
				lbl_acc_corrente.style.display = 'block';
		    }
		    cont= cont +1;
		} 
    }
    // rendo attivo il primo link
    set_png_background(document.getElementById('tassello_1'),'sel_accessori.png','img/accessori/');
    
    // imposto la prima immagine centrale
    set_accessorio(document.getElementById('tassello_1'));
    
   /*cambio colore del link precedentemente cliccato*/
    var ul = document.getElementById('menu_accessori');
    var li = ul.getElementsByTagName('LI');
    for(var j = 0; j < li.length; j++){
      var voce_menu = li[j].getElementsByTagName('A')[0];
      voce_menu.className = (j == item) ? 'arancio' : 'grigio';
    }
    
}

function set_accessorio(obj){
	var id_articolo = obj.alt.replace(/ACCESSORIO_/,'');

	//riferimento alla tabella nascosta
    var tb = document.getElementById('blind_data').getElementsByTagName('TBODY')[0];
    
    // reset sfondo legno selezionato
    document.getElementById('legno_selezionato').style.left = '0px';
    //imposto la label dell'immagine nome accessorio + tipo legno di default
    document.getElementById('lbl_accessorio_corrente').getElementsByTagName('SPAN')[0].innerHTML = obj.innerHTML.toUpperCase();

    if (lang == 'it')
		document.getElementById('lbl_accessorio_corrente').getElementsByTagName('SPAN')[2].innerHTML = 'noce';
    else
		document.getElementById('lbl_accessorio_corrente').getElementsByTagName('SPAN')[2].innerHTML = 'walnut';
    
    // leggo indice numeratore oggetto
    var indice_colore = obj.id.replace(/tassello_/,'');
    
    // descrizione articolo
    var descrizione;
    for (var i = 0 ; i < tb.rows.length; i++){
    	if (tb.rows[i].cells[0].innerHTML == id_articolo){
    		descrizione = tb.rows[i].cells[4].innerHTML;
    		break;
    	}
    }
    document.getElementById('BOX_descrizione').innerHTML = descrizione;
    
    //pulisco i box
    for (var j = 1; j <= 5; j++)
      set_png_background(document.getElementById('tassello_' + j),'sel_accessori_vuoto.png','img/accessori/');
    
    //rende visibile il tassello contenitore 
    set_png_background(document.getElementById('tassello_' + indice_colore),'sel_accessori.png','img/accessori/');
  
    //cambia l'immagine centrale
    // leggo nome file img/icona
    
    var name_img = document.getElementById('ico_acc_' + indice_colore).title;
    document.getElementById('BOX_immagine').title = name_img;
    // lo assegno a quella grande centrale
   	set_png_background(document.getElementById('BOX_immagine'),name_img,'photo/site/');
}

function set_legno(indice_legno,obj){
    var legno_it = ['noce','mogano','acero','ebano'];
    var legno_en = ['walnut','mahogany','natural','ebony'];
    var tipo_legno;
    if (lang == 'it')
	tipo_legno = legno_it[indice_legno];
    else
	tipo_legno = legno_en[indice_legno];
    
    // 0. imposto lo sfondo che indica la selezione attiva
    document.getElementById('legno_selezionato').style.left = parseFloat(obj.style.left) - 8 + 'px';
  
    //imposto la label dell'immagine nome accessorio + tipo legn
    document.getElementById('lbl_accessorio_corrente').getElementsByTagName('SPAN')[2].innerHTML = tipo_legno;

    //prendo il source dell'imagine corrente e modifico il tipo di legno
    var current_img = document.getElementById('BOX_immagine');

    // 1. raccolgo il nome della foto
    var name_img = current_img.title;

    // 2. cambio nel nome della foto il legno
    regex = /(.*)_([^_]+)(\.\w+)$/;
    name_img = name_img.replace(regex, "$1" + '_' + legno_it[indice_legno] + "$3");
    
    // 3. assegno il nuovo nome all'img centrale grande
    set_png_background(current_img,name_img,'photo/site/');
}

function open_tutorial_servizi (url){
    //1. genero l'html dell'oggetto flash da incluedere nella pagina
    var str = '<object classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" id="obj1" ';
    str += 'codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" ';
    str += 'border="0" width="685" height="440"><param name="movie" value="' + url + '">';
    str += '<param name="quality" value="High"><embed src="' + url + '" pluginspage="http://www.macromedia.com/go/getflashplayer" ';
    str += 'type="application/x-shockwave-flash" name="obj1" width="685" height="440"></object>';
    
    document.getElementById('video_tutorial').innerHTML = str;
}


function js_anchor_lang_complete (){
    var a = document.getElementsByTagName('A');
    for (var i = 0; i < a.length; i++){
    if (a[i].href.match(/index\.pl\?pos=/) && !a[i].href.match(/lang=/))
        a[i].href += '&lang=' + lang;
    }
}

function open_home_central_form(source){
  // 1. sposta iframe fake nel box centrale
  var iframe = document.createElement('IFRAME');
  iframe.id = 'fake';
  iframe.setAttribute('border','0');
  iframe.setAttribute('frameborder','0');
  iframe.setAttribute('scrolling','no');
  
  var box = document.getElementById('BOX_home3');
  box.firstChild.style.display = 'none';
  
  // 2. imposta l'src che deve caricare l'iframe
  iframe.src = source + '&lang=' + lang;
 
  //se fake esiste faccio replaceChild altrimenti lo appendo per la prima volta con appendChild
  if(document.getElementById('fake')) 
    box.replaceChild(iframe,document.getElementById('fake'));
  else
    box.appendChild(iframe);
  
  iframe.style.display = 'block';
}

/* OGGETTO MUSIC PLAYER */

function class_music(hidden_tb) {
    this.hidden_tb = hidden_tb;
    this.n_brano = document.getElementById('music_n_brano');
    this.tot_brani = document.getElementById('music_tot_brani');
    this.hidden_music = document.getElementById('music_hidden_music');
    
    this.compositore = document.getElementById('music_compositore');
    this.brano = document.getElementById('music_brano');
    this.interprete = document.getElementById('music_interprete');
    this.strumento = document.getElementById('music_strumento');
    this.edizione = document.getElementById('music_edizione');
    this.status = 'off';
    
    this.get_info();
    
    document.getElementById('music_tot_brani').innerHTML = this.hidden_tb.rows.length;
    
    document.getElementById('music_prev').player = this;
    document.getElementById('music_next').player = this;
    document.getElementById('music_play').player = this;
    document.getElementById('music_stop').player = this;
    
    document.getElementById('music_prev').onclick = function() {
        this.player.go(-1);
    }
    
    document.getElementById('music_next').onclick = function() {
        this.player.go(1);
    }
    
    document.getElementById('music_play').onclick = function() {
        this.player.do_music('on');
    }
    
    document.getElementById('music_stop').onclick = function() {
        this.player.do_music('off');
    }
}

class_music.prototype.get_info = function() {
    for (var i = 0; i < this.hidden_tb.rows.length; i++){
        if (this.hidden_tb.rows[i].cells[3].innerHTML == this.n_brano.innerHTML){
	    //titolo del brano
            this.brano_file = this.hidden_tb.rows[i].cells[2].innerHTML;
            this.brano.innerHTML = this.brano_file.replace(/_/g,' ').replace(/\.mp3$/,'');
            //compositore del brano
            this.compositore.innerHTML = (this.hidden_tb.rows[i].cells[1].innerHTML)? this.hidden_tb.rows[i].cells[1].innerHTML : '';
            //interprete
            this.interprete.innerHTML = (this.hidden_tb.rows[i].cells[4].innerHTML)? this.hidden_tb.rows[i].cells[4].innerHTML : '';
            //edizione - sospeso in attesa del rispristino sito egan
            // this.edizione.innerHTML = (this.hidden_tb.rows[i].cells[5].innerHTML)? this.hidden_tb.rows[i].cells[5].innerHTML : '';
            //strumento
            this.strumento.innerHTML = (this.hidden_tb.rows[i].cells[6].innerHTML)? this.hidden_tb.rows[i].cells[6].innerHTML : '';
           
	    break;
        }
    }
}


class_music.prototype.go = function(versus) {
    // leggo indice numerico del brano
    var brano = parseInt(this.n_brano.innerHTML, 10) + versus;
    // tratto indice come in una coda
    if (brano < 1 || brano > parseInt(this.tot_brani.innerHTML)) return;
    // assegno a video il numero del brano
    this.n_brano.innerHTML = brano;
    // prelevo info brano e le stampo a video
    this.get_info();
    // se il play e' attivo parte il brano succ o prec cliccato
    if (this.status == 'on') this.do_music('on');
}

class_music.prototype.do_music = function(status) {
    // aggiorna img triangolino
    set_png_background(document.getElementById('music_play'), 'play_' + (status == 'on' ? 'off' : 'on') + '.png', 'img/');
    // aggiorna il quadratino
    document.getElementById('music_stop').style.backgroundImage = 'url(img/stop_' + status + '.gif)';
    var str = (status == 'on')? '<embed type="audio/mpeg" src="audio/' + this.brano_file + '" hidden="true" autostart="true" loop="false" />' : '';
    this.hidden_music.innerHTML = str;
    this.status = status;
}

/*************************************/

function set_png_background(obj, img, path){
    path = path || '';
    if (isIE)
       obj.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + path + img + "',sizingMethod='scale')";
    else
       obj.style.backgroundImage = 'url(' + path + img + ')';
    
    // assegno anche il title per avere sempre a disposizione il nome del file dell'img di sfondo
    obj.title = img;
}

function get_elements_by_class_name(node, str) {
	var elems = new Array();
	var all_tags = node.getElementsByTagName('*');
	var len = all_tags.length;
	for (var i = 0; i < len; i++) {
		var cur_tag = all_tags[i];
		if(cur_tag.className.indexOf(str) != -1) elems.push(cur_tag);
	}
	return elems;
}

function menu_over(obj) {
    var img = obj.getElementsByTagName('IMG')[0];
    if (img.src.lastIndexOf('_hover') == -1){
    img.src = img.src.replace(/\.jpg$/, '_hover.jpg');
    }
}

function menu_out(obj) {
    var a = obj.firstChild;
    var img = a.firstChild;
    img.src = img.src.replace(/_hover/, '');
}

function show_submenu(current_page) {
    //rende visible l'oggetto (ul) di id <current_page>
    var ul = document.getElementById('submenu_' + current_page);
    if(ul) ul.style.display = 'block';
}

function index_of(item, array) {
	var i = 0;
	while(i < array.length) {
		if(array[i] == item) return i;
		i++;
	}
	return -1;
}


/* oggetto navigator */

function class_Navigator(page_array, navigator_id, ref_fader) {
  this.fader = ref_fader;
  this.nav = navigator_id; // un id per identificare uno o piu' navigator nella pagina
  this.pages = page_array; // array di pagine da scorrere
  this.page_on = this.pages[0]; // la pagina corrente
}

class_Navigator.prototype.go = function(versus) {
  // 0. calcolo indice della pagina corrente
  var old = index_of(this.page_on, this.pages);
  
  // 1. calcolo indice della pagina che sto per visualizzare
  // e gestione degli indici per avere una coda ciclica (next sta per prossima pagina anche indietro)
  var next = old + versus;
  if (next >= this.pages.length) next = 0;
  if (next < 0) next = this.pages.length - 1;
  
  // 2. chiudi la pagina vecchia (corrente)
  document.getElementById(this.page_on).style.display = 'none';
  
  // 3. apri la nuova pagina (la parte di testo a sx)
  this.page_on = this.pages[next];
  document.getElementById(this.page_on).style.display = 'block';

  // 4. attivo il fading/swap per le foto a dx che devo scambiare
  var oFade = new class_fade(Pages['img'][old], Pages['img'][next]);
  oFade.start(2,20);
  
  // 5. aggiorno il controllo del navigator a video
  document.getElementById(this.nav).childNodes[1].innerHTML = '&nbsp;&nbsp;' + (next + 1) + '/' + this.pages.length + '&nbsp;&nbsp;';
 
};


// funzioni per aprire il flex zoom nella popup
function open_flex_zoom(name_img){
    var width = 600;
    var height = 600;
    self.open('tmpl/flex_zoom.html?img=' + name_img,'foto','height=' + height + ',width=' + width + ',toolbar=no,resizable=yes,status=yes,scrollbars=yes');	
}


