//SCRIPT PER LA GESTIONE DELLA GRIGLIA
//rende visibili o invisibili i vari div

//immagine SCOPRI ANELLI
function scopri_anelli(){
	document.getElementById("scopri_anelli_click").style.display = "block";
	document.getElementById("scopri_anelli").style.display = "none";
	hide_all_click("scopri_anelli_click");
	mostra_anelli();
	menuanelli(true);
}

//immagine CREA ANELLO
function crea_anello(){
	document.getElementById("crea_anello_click").style.display = "block";
	document.getElementById("crea_anello").style.display = "none";
	hide_all_click("crea_anello_click");
	mostra_anello();
	menuanelli(false);
}

//immagine SCOPRI COLLANE
function scopri_collane(){
	document.getElementById("scopri_collane_click").style.display = "block";
	document.getElementById("scopri_collane").style.display = "none";
	hide_all_click("scopri_collane_click");
	mostra_collane();
	menucollane(true);
}

//immagine CREA COLLANA
function crea_collana(){
	document.getElementById("crea_collana_click").style.display = "block";
	document.getElementById("crea_collana").style.display = "none";
	hide_all_click("crea_collana_click");
	mostra_collana();
	menucollane(false);
}

//immagine SCOPRI ORECCHINI
function scopri_orecchini(){
	document.getElementById("scopri_orecchini_click").style.display = "block";
	document.getElementById("scopri_orecchini").style.display = "none";
	hide_all_click("scopri_orecchini_click");
	mostra_orecchini();
	menuorecchini(true);
}

//immagine CREA ORECCHINO
function crea_orecchino(){
	document.getElementById("crea_orecchino_click").style.display = "block";
	document.getElementById("crea_orecchino").style.display = "none";
	hide_all_click("crea_orecchino_click");
	mostra_orecchino();
	menuorecchini(false);
}

//immagine SCOPRI BRACCIALI
function scopri_bracciali(){
	document.getElementById("scopri_bracciali_click").style.display = "block";
	document.getElementById("scopri_bracciali").style.display = "none";
	hide_all_click("scopri_bracciali_click");
	mostra_bracciali();
	menubracciali(true);
}

//immagine CREA BRACCIALE
function crea_bracciale(){
	document.getElementById("crea_bracciale_click").style.display = "block";
	document.getElementById("crea_bracciale").style.display = "none";
	hide_all_click("crea_bracciale_click");
	mostra_bracciale();
	menubracciali(false);
}

//creo un array contenente tutti gli id per i div immagine click
array_div_img_click = new Array("scopri_anelli_click", "crea_anello_click", "scopri_collane_click", "crea_collana_click", "scopri_orecchini_click",  "crea_orecchino_click", "scopri_bracciali_click", "crea_bracciale_click");
//creo un array contenente tutti gli id per i div immagine
array_div_img = new Array("scopri_anelli", "crea_anello", "scopri_collane", "crea_collana", "scopri_orecchini", "crea_orecchino", "scopri_bracciali", "crea_bracciale");

//funzione per nascondere tutti i div immagine click
function hide_all_click(param){
	for(i=0; i<array_div_img_click.length; i++){
		if(array_div_img_click[i] != param){
			document.getElementById(array_div_img_click[i]).style.display = "none";
			document.getElementById(array_div_img[i]).style.display = "block";
		}
	}		
}

//GESTIONE COMPARSA SCOMPARSA GRUPPI PRODOTTI
var crea = "_color_crea";
var scopri = "_color_scopri";
var bn = "_bn";

//CREO DEI VETTORI CONTENENENTI TUTTI GLI ID PRESENTI SULLA GRIGLIA
//serviranno per le funzioni nella comparazione dei valori
alfabeto = new Array("9-", "8-", "7-", "6-", "5-", "4-", "3-", "2-", "1-", "q", "p", "o", "n", "m", "l", "k", "j", "i", "h", "g", "f", "e", "d", "c", "b", "a");

idcrea = new Array();
idscopri = new Array();
idbn = new Array();
_idcrea = new Array();
_idscopri = new Array();
_idbn = new Array();

//creo gli array con tutti gli elementi
for(k=0; k<numerorighe; k++){
	for(j=1; j<14; j++){
		idcrea.push(alfabeto[k] + j + crea);	
		idscopri.push(alfabeto[k] + j + scopri);
		idbn.push(alfabeto[k] + j + bn); 
	}
}

//creo gli array con gli elementi da togliere
for(k=0; k<numerorighe; k++){
	for(j=1; j<14; j++){
		for(i=0; i<posizioni_vuote.length; i++){
			if((alfabeto[k] + j) == posizioni_vuote[i]){
				_idcrea.push(alfabeto[k] + j + crea);	
				_idscopri.push(alfabeto[k] + j + scopri);
				_idbn.push(alfabeto[k] + j + bn);
			}	 
		}
	}
}

//creo l'array con gli indici degli elementi da eliminare
myindex = new Array();
for(i=0; i<idcrea.length; i++){
	for(j=0; j<_idcrea.length; j++){
		if(idcrea[i]==_idcrea[j]){
			myindex.push(i);
		}	
	}
}

//cancello gli elementi dagli array principali
for(k=0; k<myindex.length; k++){
	delete idcrea[myindex[k]];
	delete idscopri[myindex[k]];
	delete idbn[myindex[k]];
}

//elimino gli elementi vuoti.
for(i=0; i<posizioni_vuote.length; i++){
	(idcrea.sort()).pop();
	(idscopri.sort()).pop();
	(idbn.sort()).pop();
}
//Ora ho i miei array con solo gli elementi aventi immagine. 
//costruisco i vettori che mi serviranno per gestire i vari div
//ogni vettore conterrą i relativi div da nacondere o mostrare
_scopri_anelli = new Array();
_crea_anello = new Array();
_bn_anelli = new Array();

_scopri_bracciali = new Array();
_crea_bracciale = new Array();
_bn_bracciali = new Array();

_scopri_collane = new Array();
_crea_collana = new Array();
_bn_collane = new Array();

_scopri_orecchini = new Array();
_crea_orecchino = new Array();
_bn_orecchini = new Array();

for(i=0; i<anelli.length; i++){
	_scopri_anelli.push(anelli[i]+scopri);
}
for(i=0; i<anello.length; i++){
	_crea_anello.push(anello[i]+crea);
}

for(i=0; i<bracciali.length; i++){
	_scopri_bracciali.push(bracciali[i]+scopri);
}
for(i=0; i<bracciale.length; i++){
	_crea_bracciale.push(bracciale[i]+crea);
}

for(i=0; i<collane.length; i++){
	_scopri_collane.push(collane[i]+scopri);
}
for(i=0; i<collana.length; i++){
	_crea_collana.push(collana[i]+crea);
}

for(i=0; i<orecchini.length; i++){
	_scopri_orecchini.push(orecchini[i]+scopri);
}
for(i=0; i<orecchino.length; i++){
	_crea_orecchino.push(orecchino[i]+crea);
}

_bn_anelli = _scopri_anelli;
_bn_bracciali = _scopri_bracciali;
_bn_collane = _scopri_collane;
_bn_orecchini = _scopri_orecchini;

//scopri gli anelli		
function mostra_anelli(){
	for(j=0; j<idscopri.length; j++){
		document.getElementById(idscopri[j]).style.display = "none";
        document.getElementById(idcrea[j]).style.display = "none";
		//document.getElementById(idbn[j]).style.display = "block";
		document.getElementById(idbn[j]).style.display = "none";
	}
	for(j=0; j<idscopri.length; j++){
		for(k=0; k<_scopri_anelli.length; k++){
			if(idscopri[j] == _scopri_anelli[k]){
				document.getElementById(idscopri[j]).style.display = "block";
				//document.getElementById(idbn[j]).style.display = "none";
			} 
		}	
	}
}

//scopri gli orecchini		
function mostra_orecchini(){
	for(j=0; j<idscopri.length; j++){
		document.getElementById(idscopri[j]).style.display = "none";
        document.getElementById(idcrea[j]).style.display = "none";
		//document.getElementById(idbn[j]).style.display = "block";
		document.getElementById(idbn[j]).style.display = "none";
	}
	for(j=0; j<idscopri.length; j++){
		for(k=0; k<_scopri_orecchini.length; k++){
			if(idscopri[j] == _scopri_orecchini[k]){
				document.getElementById(idscopri[j]).style.display = "block";
				//document.getElementById(idbn[j]).style.display = "none";
			} 
		}	
	}
}

//scopri le collane	
function mostra_collane(){
	for(j=0; j<idscopri.length; j++){
        document.getElementById(idscopri[j]).style.display = "none";
        document.getElementById(idcrea[j]).style.display = "none";
        //document.getElementById(idbn[j]).style.display = "block";
        document.getElementById(idbn[j]).style.display = "none";
	}
	for(j=0; j<idscopri.length; j++){
		for(k=0; k<_scopri_collane.length; k++){
			if(idscopri[j] == _scopri_collane[k]){
				document.getElementById(idscopri[j]).style.display = "block";
				//document.getElementById(idbn[j]).style.display = "none";
			} 
		}	
	}
}

//scopri i bracciali
function mostra_bracciali(){
	for(j=0; j<idscopri.length; j++){
		document.getElementById(idscopri[j]).style.display = "none";
        document.getElementById(idcrea[j]).style.display = "none";
		//document.getElementById(idbn[j]).style.display = "block";
		document.getElementById(idbn[j]).style.display = "none";
	}
	for(j=0; j<idscopri.length; j++){
		for(k=0; k<_scopri_bracciali.length; k++){
			if(idscopri[j] == _scopri_bracciali[k]){
				document.getElementById(idscopri[j]).style.display = "block";
				//document.getElementById(idbn[j]).style.display = "none";
			} 
		}	
	}
}

//crea anello		
function mostra_anello(){
	for(j=0; j<idcrea.length; j++){
		document.getElementById(idscopri[j]).style.display = "none";
		document.getElementById(idcrea[j]).style.display = "none";
		document.getElementById(idbn[j]).style.display = "none";
	}
	for(j=0; j<idcrea.length; j++){
		for(k=0; k<_crea_anello.length; k++){
			if(idcrea[j] == _crea_anello[k]){
				document.getElementById(idcrea[j]).style.display = "block";
			} 
		}	
	}
}

//crea orecchino	
function mostra_orecchino(){
	for(j=0; j<idcrea.length; j++){
		document.getElementById(idscopri[j]).style.display = "none";
		document.getElementById(idcrea[j]).style.display = "none";
		document.getElementById(idbn[j]).style.display = "none";
	}
	for(j=0; j<idcrea.length; j++){
		for(k=0; k<_crea_orecchino.length; k++){
			if(idcrea[j] == _crea_orecchino[k]){
				document.getElementById(idcrea[j]).style.display = "block";
			} 
		}	
	}
}

//crea collana		
function mostra_collana(){
	for(j=0; j<idcrea.length; j++){
		document.getElementById(idscopri[j]).style.display = "none";
		document.getElementById(idcrea[j]).style.display = "none";
		document.getElementById(idbn[j]).style.display = "none";
	}
	for(j=0; j<idcrea.length; j++){
		for(k=0; k<_crea_collana.length; k++){
			if(idcrea[j] == _crea_collana[k]){
				document.getElementById(idcrea[j]).style.display = "block";
			} 
		}	
	}
}

//crea bracciale		
function mostra_bracciale(){
	for(j=0; j<idcrea.length; j++){
		document.getElementById(idscopri[j]).style.display = "none";
		document.getElementById(idcrea[j]).style.display = "none";
		document.getElementById(idbn[j]).style.display = "none";
	}
	for(j=0; j<idcrea.length; j++){
		for(k=0; k<_crea_bracciale.length; k++){
			if(idcrea[j] == _crea_bracciale[k]){
				document.getElementById(idcrea[j]).style.display = "block";
			} 
		}	
	}
}