/********************************************************************************************************** 
 ***************** JS - Fabio Lucattini ******************************************************************
 **********************************************************************************************************/

var wDivCategorie = 160; /** larghezza massima div categorie */
var wDivProdotti = 120;	/** larghezza massima div prodotti */
var wDivPselect = 110; /** larghezza massima div prodotto selezionato */

var attivo = ""; /** memorizza la categoria che e' stata selezionata */
var attivoProd = ""; /** memorizza il prodotto che e' stato selezionato */

var browser = navigator.appName;  

var winW = 0, winH = 700;

	winW = screen.width - 10;
    winH = screen.height - 200;
var avanti = 0;
var pagine = 0;
var catSelect = "";
var catIdSelect ;
/**********************************************************************************************************************************
	funzione che crea i div prodotti e categorie che vengono successivamente gestiti
***********************************************************************************************************************************/
function creaDivProdotti(){
		
		if(!document.getElementById("divCategorie")){
			distruggiHome();
			var divCategorie =document.createElement('div');
			document.getElementById("area").appendChild(divCategorie);			
			divCategorie.setAttribute('id',"divCategorie");	
			divCategorie.style.paddingTop = "73px";
		}	
		if(!document.getElementById("divProdotti")){
			var divProdotti =document.createElement('div');
			document.getElementById("area").appendChild(divProdotti);			
			divProdotti.setAttribute('id',"divProdotti");
			document.getElementById("divProdotti").style.width = "0px";
			document.getElementById("divProdotti").style.visibility = "hidden";
			divProdotti.style.paddingTop = "30px";	
			divProdotti.style.paddingLeft = "10px";
		}else{
			document.getElementById('area').removeChild(document.getElementById("divVisualProd"));	
			document.getElementById("divProdotti").style.width = "0px";
			document.getElementById("divProdotti").style.visibility = "hidden";
		}
		attivo = "";
		attivoProd = "";
		apri("divCategorie",0, wDivCategorie);
		setTimeout('leggiCateProd("categorie")', 150);		
}

/**********************************************************************************************************************************
	funzione che distrugge gli eventuali div che vengono creati nella home per l'immagine e per le news
***********************************************************************************************************************************/
function distruggiHome(){
	
	if(document.getElementById("divNews")){
		document.getElementById('area').removeChild(document.getElementById("divNews"));	
		document.getElementById('area').removeChild(document.getElementById("divFoto"));
	}else{
		document.getElementById('area').innerHTML = "";
	}
}

/**********************************************************************************************************************************
	apertura del div 
	@param:
		cosa --> elemento su cui eseguire il resize
		da --> dimenzione di partenza
		a --> dimenzione di arrivo
***********************************************************************************************************************************/
function apri( cosa, da, a ){
	var w = (cosa == "divCategorie") ? wDivCategorie : (cosa == "divProdotti") ? wDivProdotti : wDivPselect ;
	if(da != a && da < ( w - 8 ) ){
		da += 8;
		document.getElementById(cosa).style.width = da + "px";
		setTimeout("apri('"+cosa+"',"+da+","+a+")", 1);
	}else if(da >= ( w - 8 )){
		document.getElementById(cosa).style.width = w + "px";
	}		
}

/**********************************************************************************************************************************
	chiusura del div 
	@param:
		cosa --> elemento su cui eseguire il resize
		da --> dimenzione di partenza
		a --> dimenzione di arrivo
***********************************************************************************************************************************/
function chiudi( cosa, da, a){
	var w = (cosa == "divCategorie") ? wDivCategorie : (cosa == "divProdotti") ? wDivProdotti : wDivPselect ;
	if(da != a && da > 0){
		da -= 8;
		document.getElementById(cosa).style.width = da + "px";
		setTimeout("chiudi('"+cosa+"',"+da+","+a+")", 1);
	}else if(da <= ( w - 8 ) ){
		document.getElementById(cosa).style.width = "0px";
	}
}

/****************************************************************************************************************************************
	funzione che legge le categorie/Prodotti presenti nel database
		@param:
			cosa --> seleziona se leggere l'elenco delle categorie o dei prodotti
			id --> ne caso della visualizzazione dei prodotti rappresenta id della categoria selezionata senno null
****************************************************************************************************************************************/
function leggiCateProd( cosa, id ){
		
		var action = (cosa == "categorie" && id == null ) ? "pagine/"+lang+"/prodotti.php?p=c" : "pagine/"+lang+"/prodotti.php?p=tp&d="+id ;
		http.open('get', action);  
		if(cosa == "categorie")	http.onreadystatechange = handleResponseCategorie;  
		else http.onreadystatechange = handleResponseProdotti; 
		http.send(null);  
		
}  

function handleResponseCategorie() { 
		
		if(http.readyState < 4){	
			 document.getElementById("divCategorie").innerHTML = "<center>... loading ...</center>";
		}else if(http.readyState == 4){			
			
			if(http.status == 200){
				
				var risp = http.responseText ;
				var i = 0;
				var scrivi = "";
				var ele = "";
				categorie = risp.split(" <&&&> ");
				if(categorie.length != 0){
					
					while( i <  categorie.length){ // load news
						
							ele = categorie[i].split("&");
							id = ele[0].split("="); id = id[1];
							titolo = ele[1].split("="); titolo = titolo[1]; 	
							
							scrivi += "<div id='cat"+ id +"' class='categoria' onClick='javascript:avanti=0;javascript:catSelect = \"cat"+ id +"\"; javascript:catIdSelect ="+ id+"; attiva(\"cat"+ id +"\","+ id +");'>"+ titolo +"</div>";
							
							i++;
							
					}
					
					document.getElementById("divCategorie").innerHTML =  scrivi  ;
				}else{
					var msg = (lang == "ita") ? "Nessuna Categoria Inserita" : (lang == "eng") ? "No Category" : "Ninguna Categorķa";
					document.getElementById("divCategorie").innerHTML = "<div style=' margin-left:0px;  width:160px; '>"+msg+"</div>";
				}			
			}
		}else{ //Error with load
		
		}
}  

function handleResponseProdotti() { 
		if(http.readyState < 4){	   
			 document.getElementById("divProdotti").innerHTML = "<center>... loading ...</center>";
		}else if(http.readyState == 4){				
			if(http.status == 200){
				
				document.getElementById("divProdotti").style.visibility = "visible";
				apri("divProdotti",0, wDivProdotti);
				var risp = http.responseText ;
				
				if(risp == ""){
					var msg = (lang == "ita") ? "Nessun Prodotto Presente" : (lang == "eng") ? "No Products" : "Ningunos productos";
					document.getElementById("divProdotti").innerHTML = "<div style=' margin-left:0px;  width:160px; '>"+msg+"</div>";
					wDivProdotti = 130;
				}else{
					var i = 0;
					
					var nPage = "";
					var lastID ="";
					var scrivi = "";
					var ele = "";
					var prodotti = risp.split(" <&&&> ");
					if(prodotti.length != 0){
					var id, titolo, allegato, categoria;
					var scarica;
					var intervallo = 10;
					var h = parseInt(dimH.substr(0, dimH.length-2)) - (categorie.length*20);
					var prod = new Array();
					var prodNum = 0;
					var numeroElementi = 0;
					
						while( i < prodotti.length ){ 
								
								
								ele = prodotti[i].split("&");
								id = ele[0].split("="); id = id[1];
								titolo = ele[1].split("="); titolo = titolo[1]; 	
								allegato = ele[2].split("="); allegato = allegato[1];
								numeroElementi = ele[4].split("="); numeroElementi = numeroElementi[1];
								categoria = ele[5].split("="); categoria = categoria[1]; 
								scrivi += "<tr><td class='prodottiTXT' height=\"10px\"><div id='prod"+ id +"' class='prodottiTXT' onClick='attivaProd(\"prod"+ id +"\","+id+");'>"+ titolo +"</div></td></tr>"; 
								//alert(prod[prodNum]);
								prodNum ++;
								i++;
								
						}
						//alert(ele);
						//alert(scrivi);
						if(allegato != ""){
									var msg = (lang == "ita") ? "Listino Prezzi" : (lang == "eng") ? "Price list" : "Lista de precios";
									scarica = '<tr><td height="20px" valign="bottom" ><a class="verdana12" href="script/leggiExcel/reader.php?n='+ allegato +'" target="_blank"><b>'+msg+'</b></a></td></tr>';
								}else{
									scarica = ""; 
						}
					//document.getElementById("divProdotti").innerHTML =  avanti+"   "+i;
						if(avanti == 0 & numeroElementi>0){
							pagine = ( numeroElementi/intervallo > 1 && numeroElementi/intervallo < 1.5 ) ? (Math.round( numeroElementi/intervallo )+1) : (numeroElementi/intervallo > 1) ? Math.round( numeroElementi/intervallo ) : 1;
						//	alert(Math.round( numeroElementi/intervallo ) +"    "+( numeroElementi/intervallo ));
						}else{
							//pagine = 1;
						}
				
						/*i=0;
						while( i < prodNum){ 
							scrivi+=prod[i];
							i++;
						}*/
						i=0;
					
						if( pagine > 1 && pagine < 6){
							while(i < pagine){
								nPage += "<a href='#' style='text-decoration:none;' onclick='aggiornaListProd(\"pagine/"+lang+"/prodotti.php?p=tp&d="+categoria+"&s="+parseInt(i*intervallo)+"&f="+parseInt((intervallo))+"\")'>"+ (i+1) +"</a>";	
								i++;
								nPage += (i < pagine) ? "-" : "";
							}
						}
						//document.getElementById("divProdotti").innerHTML = '<div class="verdana14" width="100%" heigth="100%" border="0">'+ scrivi + "" + scarica + "<br><center>" + nPage +"</center></div>";
						document.getElementById("divProdotti").innerHTML = scrivi + "" + scarica + "<center>" + nPage +"</center>";
					}
				}
			}else{
				var msg = (lang == "ita") ? "ERRORE" : (lang == "eng") ? "ERROR" : "ERROR";
				document.getElementById("divProdotti").innerHTML = "<center>... "+msg+" ...</center>";
			}
		}else{ //Error with load
		
		}
}  

function aggiornaListProd( action ){
	//alert(action);
		attiva(catSelect, catIdSelect);
		avanti = 1;
		http.open('get', action);  
	    http.onreadystatechange = handleResponseProdotti; 
		http.send(null);  
		
		
}

/****************************************************************************************************************************************
	funzione che posiziona la freccia accanto alla categoria selezionata e crea lo sfondo
		@param:
			cosa --> decide su quale categoria effettuare l'effetto
			id --> serve per passare la selezione del prodotti che sono sotto la categoria selezionata
****************************************************************************************************************************************/
function attiva(cosa , id){	
	var freccia = '<img id="frecciaCat" align="right" style=\"padding-top:2px;\" src="image/frecciaProd.gif" />';
	if(cosa != attivo){
		if (attivo != "") {
			document.getElementById(attivo).className = "categoria";
			document.getElementById(attivo).removeChild(document.getElementById("frecciaCat"));
		}
		document.getElementById(cosa).className = "categoriaClick";	
		document.getElementById(cosa).innerHTML = freccia + document.getElementById(cosa).innerHTML  ;
		
		attivo = cosa;
		leggiCateProd("prodotti", id);
	}
	attivoProd = "";
	if(document.getElementById("divVisualProd")){
		document.getElementById("divVisualProd").style.visibility = "hidden";
	}
}

/****************************************************************************************************************************************
	funzione che posiziona la freccia accanto a prodotto selezionato e crea lo sfondo
		@param:
			cosa --> decide su quale prodotto effettuare l'effetto
			id --> serve per avviare la visualizzazione del prodotto selezionato
****************************************************************************************************************************************/
function attivaProd(cosa, id){	
	var freccia = '<img id="frecciaProd" align="right" style=\"padding-top:1px;\" width="15"src="image/frecciaProd.gif" />';
	if(cosa != attivoProd){		
	
		if (attivoProd != "") {
			
			document.getElementById(attivoProd).className = "prodottiTXT";
			document.getElementById(attivoProd).removeChild(document.getElementById("frecciaProd"));
		}//prima selezione
		document.getElementById(cosa).className = "prodottiTXTClick";	
		document.getElementById(cosa).innerHTML = freccia + document.getElementById(cosa).innerHTML  ;
		attivoProd = cosa;
		vProd( id );
	}
}



/**************************************************************
	controlla se č un numero
***************************************************************/
function IsNumeric(inputVal) {
     if (isNaN(parseFloat(inputVal))) {
          return false;
     }
     return true
}
/***************************************************************/

/**********************************************************************************************************************************
	lettura dei dati riferiti al prodotto selezionato
	@param:
		id --> id del prodotto
***********************************************************************************************************************************/
function vProd( id ){
	if( id == null || IsNumeric(id) ){
		var action = "pagine/"+lang+"/prodotti.php?p=p&d="+id ;
		http.open('get', action);  
		http.onreadystatechange = handleReadSelectProd;  
		http.send(null);
		
	}else{
		// id non valido
	}
}
function handleReadSelectProd()
{ 

		creaDivVisualProd();
		
		if(http.readyState < 4)
		{	   
		
			 document.getElementById("divVisualProd").innerHTML = "<div style='width:300px;overflow:hidden;'><center>... loading ...</center></div>";
			 
		}
		else if(http.readyState == 4)
		{	
		
			if(http.status == 200)
			{
				
				var risp = http.responseText ;
				var scarica = "";
				var id, titolo, testo, foto, allegato;
				
				if(risp == "")
				{
					
					document.getElementById("divVisualProd").innerHTML = "<div style=' margin-left:0px;  width:160px; '>Nessun Prodotto Presente</div>";
					
				}
				else
				{
					var i = 0;
					var scrivi = "";
					var w = "";
					var ele = risp.split("&");
					id = ele[0].split("="); id = id[1];
					titolo = ele[1].split("="); titolo = titolo[1]; 
					testo = ele[2].split("="); testo = testo[1];
					foto = ele[3].split("="); foto = foto[1];
					allegato = ele[4].split("="); allegato = allegato[1];
					
					//allegati per vernici
					pallegato = ele[5].split("="); pallegato = pallegato[1]; // se c'č il pdf come allegato allora siamo nel caso sia una vernice quindi vanno visualizzate
					pallegato2 = ele[6].split("="); pallegato2 = pallegato2[1];
					pallegato3 = ele[7].split("="); pallegato3 = pallegato3[1];
					
					
					var t = (lang == "ita") ? "Modello" : (lang == "eng") ? "Model" : "Modelo";
					
					
					//CONTROLLO SE E' PRESENTE LA FOTO SENNO FACCIO VISUALIZZARE SOLO TITOLO E TESTO
					if( foto == 1 )
					{	
						/*
									il pulsante visualizza appare se č inserita la foto
									
						*/
						w = "<div id='visProd'><span class='titPro'>"+t+":</span>  "+titolo+"<br><br><br>"+testo+"<br><br><br><center><img id='imageProd' src='script/visualizzaImmagini.php?id="+id+"&height=300'></center></div>";
						var msg = (lang == "ita") ? "Visualizza" : (lang == "eng") ? "Visualizes" : "Visualiza";
						w += '<br><div style="width:300px;overflow:hidden;"><center><a class="verdana14" onClick ="visualImg('+ id +');" href="#"><b>'+msg+'</b></a></center></div>';
						
					}
					else
					{
						w = "<div id='visProd'><span class='titPro'>"+t+":</span>  "+titolo+"<br><br><br>"+testo+"<br><br><br></div>";
					}
					
				
					//SE NON CI SONO GLI ALLEGATI DELLE VERNICI
					if(pallegato==0)
					{
						
						if(allegato == 1)
						{
								/*
									parte vecchia modificata sotto richiesta del cliente...
									il pulsante visualizza appare se č inserita la foto									
								*/
						}
						else
						{
							scarica = "";
						}
											
					}
					else
					{
						//SE CI SONO GLI ALLEGATI DELLE VERNICI
							var msg ="";
							if(pallegato==1)
							{
								msg = (lang == "ita") ? "Scheda Prodotto" : (lang == "eng") ? "Produced Card" : "Tarjeta Producida";
								scarica = '<br><ul><li><a class="verdana12" href="script/visualizzaAllegatoVernici.php?id='+id+'&n="><b>'+msg+'</b></a></li></ul>';
							}
							if(pallegato2 == 1)
							{
								msg = (lang == "ita") ? "Scheda Sicurezza Componente 1" : (lang == "eng") ? "Component Security Card 1" : "Tarjeta componente de la seguridad 1";
								scarica += '<ul><li><a class="verdana12" href="script/visualizzaAllegatoVernici.php?id='+id+'&n=2"><b>'+msg+'</b></a></li></ul>';
							}
							if(pallegato3 ==1)
							{
								msg = (lang == "ita") ? "Scheda Sicurezza Componente 2" : (lang == "eng") ? "Component Security Card 2" : "Tarjeta componente de la seguridad 2";
								scarica += '<ul><li><a class="verdana12" href="script/visualizzaAllegatoVernici.php?id='+id+'&n=3"><b>'+msg+'</b></a></li></ul>';
							}
							
					}
										
					/*
						Composizione del messaggio che viene inserito nel div
					
					*/
					document.getElementById("divVisualProd").innerHTML ='<div id="tuttoProdSelect" style="width:300px;overflow:hidden;" align="left">'+ w +  scarica + '</div>';	
					apriVisProd("divVisualProd",0, 300);
				}
			}else{
				document.getElementById("divVisualProd").innerHTML = "<center>... ERRORE ...</center>";
			}
		}else{ //Error with load
		
		}
}  
function chiudiIMG(){
	if(document.getElementById("loading") && document.getElementById("load")){
		document.getElementsByTagName("body")[0].removeChild(document.getElementById("loading"));
		document.getElementsByTagName("body")[0].removeChild(document.getElementById("load"));
	}
}
/**********************************************************************************************************************************
	Visualizza immagine selezionata con due div quello di sfondo e quello delle foto
	@param:
		id --> id immagine selezionata
***********************************************************************************************************************************/
function visualImg( id ){
	var divLoading = document.createElement('div');	
	document.getElementsByTagName("body")[0].appendChild(divLoading);
	divLoading.setAttribute('id',"loading");	
	/**	Attivare la chiusura sul click dell'immagine
	if( nome_browser == "Microsoft Internet Explorer" ){
		divLoading.onclick = chiudiIMG;
	}else{
		divLoading.setAttribute("onClick","chiudiIMG();");
	}
	*/
	var divLoad = document.createElement('div');
	document.getElementsByTagName("body")[0].appendChild(divLoad);
	divLoad.setAttribute('id',"load");
	divLoad.style.height = winH+"px";
	divLoad.style.width = winW+"px";
	/**	Attivare la chiusura sul click del div di sfondo
	if( nome_browser == "Microsoft Internet Explorer" ){
		divLoad.onclick = chiudiIMG;
	}else{
		divLoad.setAttribute("onClick","chiudiIMG();");
	}
	*/
	divLoading.innerHTML = '<center><img id="imgAPERTA" src="script/allegatoImmagine.php?id='+id+'&height=600"><br><br><a onclick="chiudiIMG();" style="margin-right:20px;" class="chiudiIMG">CHIUDI</a><a href="script/allegatoImmagine.php?id='+id+'" target="_blank" class="chiudiIMG">SCARICA</a></center>';	
}

/**********************************************************************************************************************************
	Creazione del div Prodotti 
***********************************************************************************************************************************/
function creaDivVisualProd(){
	if(!document.getElementById("divVisualProd")){
		var divVisualProd = document.createElement('div');
		document.getElementById("area").appendChild(divVisualProd);			
		divVisualProd.setAttribute('id',"divVisualProd");	
		divVisualProd.style.paddingTop = "10px";
	}else{
		document.getElementById("divVisualProd").style.visibility = "visible";	
	}
		
}

/**********************************************************************************************************************************
	apertura del div prodotto selezionato
	@param:
		cosa --> elemento su cui eseguire il resize
		da --> dimenzione di partenza
		a --> dimenzione di arrivo
***********************************************************************************************************************************/
function apriVisProd( cosa, da, a ){
	if(da != a && da < ( 310 ) ){
		da += 8;
		document.getElementById(cosa).style.width = da + "px";
		setTimeout("apriVisProd('"+cosa+"',"+da+","+a+")", 1);
	}else if(da >= ( 310 )){
		document.getElementById(cosa).style.width = 300+ "px";
	}		
}
/**********************************************************************************************************************************
	chiusura del div prodotto selezionato
	@param:
		cosa --> elemento su cui eseguire il resize
		da --> dimenzione di partenza
		a --> dimenzione di arrivo
***********************************************************************************************************************************/
function chiudiVisProd( cosa, da, a){
	if(da != a && da > 0){
		da -= 8;
		document.getElementById(cosa).style.width = da + "px";
		setTimeout("chiudiVisProd('"+cosa+"',"+da+","+a+")", 1);
	}else if(da <= ( 310 ) ){
		document.getElementById(cosa).style.width = "0px";
	}
}