var Config = new ConfiguratoreErP();
var Database = null;

var fnStep1,caldaia1;
var fnStep2,caldaia2;
var fnStep3,crono;
var fnStep4,pannello,bollitore;
var fnStep5;
var bufferII;

var sessionID = 0;

function start()
{
	setTimeout( function()
	{
		Config.setup(
		{
			preview1: document.getElementById("pnlPreview1"),
			preview2: document.getElementById("pnlPreview2"),
			callback: function()
			{
				Database = Config.getDatabase();

				document.getElementById("pnlMain").style.display = "block";
				document.getElementById("pnlLoader").style.display = "none";

				setup_gui_caldaia(1);
				setup_gui_caldaia(2);
				setup_gui_crono();
				setup_gui_solare();
				
				setup();
			}
		});
	});
}

function setup_gui_caldaia(id)
{
	var pnl = document.getElementById("input_panel_"+id);
	
	var i,arr = Database.getGamme();
	for( i=0; i<arr.length; i++ )
	{
		var item = arr[i];
		var lbl = document.createElement("span");
		lbl.innerHTML = item.getDescrizione();
		lbl.style.color = "gray";
		lbl.className = "input_item_label";
		
		pnl.appendChild(lbl);
		
		var sub_panel = document.createElement("div");
		sub_panel.className = "input_item_sub_panel";
		
		pnl.appendChild(sub_panel);
		
		var j,arr2 = item.getCaldaie();
		for( j=0; j<arr2.length; j++ )
		{
			var child = arr2[j];
			var tmp = document.createElement("span");
			tmp.className = "input_item_button";
			tmp.style.borderStyle = "solid";
			tmp.style.borderColor = "white";
			tmp.style.borderWidth = "1px";
			tmp.style.borderRadius = "10px";
			tmp.style.margin = "8pt";
			sub_panel.appendChild(tmp);
						
			var tmp_img = new Image();
			tmp_img.className = "input_item_image";
			tmp_img.src = "database/images/" + child.getImmagine() + ".png";
			tmp_img.title = child.getDescrizione();
			tmp.appendChild(tmp_img);
			
			var tmp_lbl = document.createElement("div");
			tmp_lbl.style.fontWeight = "bold";
			tmp_lbl.innerHTML = child.getDescrizione();
			tmp.appendChild(tmp_lbl);
			
			var tmp_lnk = document.createElement("span");
			tmp_lnk.style.color = "blue";
			tmp_lnk.style.cursor = "pointer";
			tmp_lnk.style.visibility = "hidden";
			tmp_lnk.title = child.getDescrizione();
			tmp_lnk.innerHTML = "seleziona";
			tmp.appendChild(tmp_lnk);

			Handler.Click(tmp_lnk,
			{
				id:		id,
				item:	child
			},
			function(args)
			{
				if( args.id==1 )
				{
					caldaia1 = args.item;
					fnStep2();
				}
				else
				{
					caldaia2 = args.item;
					fnStep3();
				}
			});
			
			Handler.MouseOver(tmp,
			{
				panel:	tmp,
				item:	tmp_lnk
			},
			function(args)
			{
				args.panel.style.backgroundColor = "whitesmoke";
				args.panel.style.borderColor = "darkgray";
				args.item.style.visibility = "visible";
				
			});
			
			Handler.MouseOut(tmp,
			{
				panel:	tmp,
				item:	tmp_lnk
			},
			function(args)
			{
				args.panel.style.backgroundColor = "white";
				args.panel.style.borderColor = "white";
				args.item.style.visibility = "hidden";
			});
		}
		
		Handler.Accordion(lbl,sub_panel,"black","gray");
	}
}

function setup_gui_crono()
{
	var pnl = document.getElementById("input_panel_3");
		
	var sub_panel = document.createElement("div");
	sub_panel.className = "input_item_sub_panel";
	
	pnl.appendChild(sub_panel);
	
	var i,arr = Database.getCronoComandi();
	for( i=0; i<arr.length; i++ )
	{
		var item = arr[i];
		
		var tmp = document.createElement("span");
		tmp.id = "pnlCrono" + (i+1);
		tmp.className = "input_item_button";
		tmp.style.borderStyle = "solid";
		tmp.style.borderColor = "white";
		tmp.style.borderWidth = "1px";
		tmp.style.borderRadius = "10px";
		tmp.style.margin = "8pt";
		tmp.style.width = "170px";
		tmp.style.verticalAlignment = "top";
		sub_panel.appendChild(tmp);
					
		var tmp_img = new Image();
		//tmp_img.className = "input_item_image";
		tmp_img.src = "database/images/" + item.getImmagine() + ".png";
		tmp_img.title = item.getDescrizione();
		tmp.appendChild(tmp_img);
		
		var tmp_lbl = document.createElement("div");
		tmp_lbl.style.fontWeight = "bold";
		tmp_lbl.innerHTML = item.getDescrizione();
		tmp.appendChild(tmp_lbl);
		
		var tmp_lnk = document.createElement("span");
		tmp_lnk.style.color = "blue";
		tmp_lnk.style.cursor = "pointer";
		tmp_lnk.style.visibility = "hidden";
		tmp_lnk.title = item.getDescrizione();
		tmp_lnk.innerHTML = "seleziona";
		tmp.appendChild(tmp_lnk);
		
		Handler.Click(tmp_lnk,
		{
			item:	item
		},
		function(args)
		{
			crono = args.item;
			fnStep4();
		});
		
		Handler.MouseOver(tmp,
		{
			panel:	tmp,
			item:	tmp_lnk
		},
		function(args)
		{
			args.panel.style.backgroundColor = "whitesmoke";
			args.panel.style.borderColor = "darkgray";
			args.item.style.visibility = "visible";
			
		});
		
		Handler.MouseOut(tmp,
		{
			panel:	tmp,
			item:	tmp_lnk
		},
		function(args)
		{
			args.panel.style.backgroundColor = "white";
			args.panel.style.borderColor = "white";
			args.item.style.visibility = "hidden";
		});
	}
}

function setup_gui_solare()
{
	var fn = function()
	{
		var sub_panel = document.createElement("div");
		sub_panel.className = "input_item_sub_panel";
		return sub_panel;
	}
	var sub_panelDefault = fn();
	var pnlDefault = document.getElementById("input_panel_4_Default");
	pnlDefault.appendChild(sub_panelDefault);

	var pnlTimeSolar = document.getElementById("input_panel_4_TimeSolar");
	var sub_panelTimeSolar = fn();
	pnlTimeSolar.appendChild(sub_panelTimeSolar);

	var i,arr = Database.getPannelli();
	for( i=0; i<arr.length; i++ )
	{
		var item = arr[i];
		
		if( item.isTecnoSolar() )
		{
			var tmp = document.createElement("span");
			tmp.className = "input_item_button";
			tmp.style.borderStyle = "solid";
			tmp.style.borderColor = "white";
			tmp.style.borderWidth = "1px";
			tmp.style.borderRadius = "10px";
			tmp.style.margin = "8pt";
			tmp.style.width = "170px";
			tmp.style.verticalAlignment = "top";
			sub_panelDefault.appendChild(tmp);
						
			var tmp_img = new Image();
			tmp_img.src = "database/images/" + item.getImmagine() + ".png";
			tmp_img.title = item.getDescrizione();
			tmp.appendChild(tmp_img);
			
			var tmp_lbl = document.createElement("div");
			tmp_lbl.style.fontWeight = "bold";
			tmp_lbl.style.marginBottom = "5pt";
			tmp_lbl.innerHTML = item.getDescrizione();
			tmp.appendChild(tmp_lbl);
	
			var tmp_txt = document.createElement("input");
			tmp_txt.type = "number";
			tmp_txt.min = 1;
			tmp_txt.max = 6;
			tmp_txt.value = 1;
			tmp_txt.style.width = "30pt";
			tmp_txt.style.textAlign = "center";
			tmp.appendChild(tmp_txt);
			
			var cb = null;
			if( item.isTecnoSolar() )
			{
				var pnl = document.createElement("center");
				tmp.appendChild(pnl);
				
				var lbl = document.createElement("div");
				lbl.style.textAlign = "center";
				lbl.style.fontWeight = "bold";
				lbl.style.marginTop = "15pt";
				lbl.style.marginBottom = "5pt";
				lbl.innerHTML = "Bollitore";
				pnl.appendChild(lbl);
	
				cb = document.createElement("select");
				cb.style.display = "block";
				pnl.appendChild(cb);
	
				var j,arr2 = Database.getBollitori();
				for( j=0; j<arr2.length; j++ )
				{
					var item2 = arr2[j];
					var opt = document.createElement("option");
					opt.text = item2.getDescrizione();
					opt.value = j;
					cb.options.add(opt);
				}
			}
			
			var pnl_btn = document.createElement("center");
			pnl_btn.style.marginTop = "10pt";
			pnl_btn.style.visibility = "hidden";
			tmp.appendChild(pnl_btn);
			
			var tmp_btn = document.createElement("input");
			tmp_btn.type = "button";
			tmp_btn.value = "genera etichetta ErP";
			pnl_btn.appendChild(tmp_btn);
			
			Handler.Click(tmp_btn,
			{
				pannello:		item,
				cbBollitore:	cb,
				text:			tmp_txt
			},
			function(args)
			{
				pannello = args.pannello;
				if( args.cbBollitore != null )
				{
					bollitore = Database.getBollitori()[args.cbBollitore.selectedIndex];
				}
				verificaQta(args.text);
			});
			
			Handler.MouseOver(tmp,
			{
				panel:	tmp,
				button:	pnl_btn
			},
			function(args)
			{
				args.panel.style.backgroundColor = "whitesmoke";
				args.panel.style.borderColor = "darkgray";
				args.button.style.visibility = "visible";
			});
			
			Handler.MouseOut(tmp,
			{
				panel:	tmp,
				button:	pnl_btn
			},
			function(args)
			{
				args.panel.style.backgroundColor = "white";
				args.panel.style.borderColor = "white";
				args.button.style.visibility = "hidden";
			});
		}
	}	
	
	
	for( i=0; i<arr.length; i++ )
	{
		var item = arr[i];
		if( item.isTecnoSolar() )
		{	
			var tmp = document.createElement("span");
			tmp.className = "input_item_button";
			tmp.style.borderStyle = "solid";
			tmp.style.borderColor = "white";
			tmp.style.borderWidth = "1px";
			tmp.style.borderRadius = "10px";
			tmp.style.margin = "8pt";
			tmp.style.width = "170px";
			tmp.style.verticalAlignment = "top";
			sub_panelTimeSolar.appendChild(tmp);
						
			var tmp_img = new Image();
			tmp_img.src = "database/images/" + item.getImmagine() + ".png";
			tmp_img.title = item.getDescrizione();
			tmp.appendChild(tmp_img);
			
			var tmp_lbl = document.createElement("div");
			tmp_lbl.style.fontWeight = "bold";
			tmp_lbl.style.marginBottom = "5pt";
			tmp_lbl.innerHTML = item.getDescrizione();
			tmp.appendChild(tmp_lbl);
		
			var tmp_txt = document.createElement("input");
			tmp_txt.type = "number";
			tmp_txt.min = 1;
			tmp_txt.max = 6;
			tmp_txt.value = 1;
			tmp_txt.style.width = "30pt";
			tmp_txt.style.textAlign = "center";
			tmp.appendChild(tmp_txt);
		
			var pnl_btn = document.createElement("center");
			pnl_btn.style.marginTop = "10pt";
			tmp.appendChild(pnl_btn);
			
			var tmp_btn = document.createElement("input");
			tmp_btn.type = "button";
			tmp_btn.value = "genera etichetta ErP";
			pnl_btn.appendChild(tmp_btn);
			
			Handler.Click(tmp_btn,
			{
				text:			tmp_txt
			},
			function(args)
			{
				verificaQta(args.text);
			});
			
			break;
		}
	}			
}

function setup()
{
	caldaia1 = null;
	document.getElementById("input_value_caldaia1").innerHTML = "";
	
	caldaia2 = null;
	document.getElementById("input_value_caldaia2").innerHTML = "";
	
	crono = null;
	document.getElementById("input_value_crono").innerHTML = "";
	
	pannello = null;
	bollitore = null;
	document.getElementById("input_value_pannello").innerHTML = "";
	
	document.getElementById("pnlPreview1").style.display = "none";
	document.getElementById("pnlPreview2").style.display = "none";
	document.getElementById("pnlDownload").style.display = "none";
	
	sessionID++;
	
	fnStep1();
}

function getThumb( obj )
{
	return "<center style='margin-top: 5pt;'><img class='thumb' src='database/images/" + obj.getImmagine() + "'>" + obj.getDescrizione() + "</center>";
}

fnStep1 = function()
{
	setup_menu_item( 1 );	
}

fnStep2 = function()
{
	document.getElementById("input_value_caldaia1").innerHTML = getThumb(caldaia1);
	bufferII = caldaia1.getDescrizione();
	
	setup_menu_item( 2 );
}

function noCaldaia2()
{
	caldaia2 = null;
	fnStep3();
}

fnStep3 = function()
{
	document.getElementById("input_value_caldaia2").innerHTML = ( caldaia2 != null ? getThumb(caldaia2) : "" );
	if( caldaia2 != null )
	{
		bufferII += " / " + caldaia2.getDescrizione();
	}
	
	document.getElementById("input_panel_4_NoComandoRemoto").style.display = ( caldaia1.isCityBox() || caldaia1.isCityOpen() ? "none" : "block" );

	setup_menu_item( 3 );
	
	var pnl = document.getElementById("pnlCrono1");
	pnl.style.display = ( caldaia1.isCityBox() ||
						caldaia1.isCityOpen() ||
						( caldaia2 != null && ( caldaia2.isCityBox() || caldaia2.isCityOpen() )) ? "none" : "inline-block" );
}

function noComandoRemoto()
{
	crono = null;
	fnStep4();
}

fnStep4 = function()
{
	document.getElementById("input_value_crono").innerHTML = (crono != null ? getThumb(crono) : "");
	if( crono != null )
	{
		bufferII += " / " + crono.getDescrizione();
	}
	
	setup_menu_item( 4 );
	
	var pnlNoContributo = document.getElementById("input_panel_4_NoContributo")
	var pnlDefault = document.getElementById("input_panel_4_Default")
	var pnlTimeSolar = document.getElementById("input_panel_4_TimeSolar")
	
	if( caldaia1.isTimeSolar() )
	{
		pnlNoContributo.style.display = "none";
		pnlDefault.style.display = "none";
		pnlTimeSolar.style.display = "block";
		
		var i;

		var arr = Database.getPannelli();
		for( i=0; i<arr.length; i++ )
		{
			if( arr[i].isTecnoSolar() )
			{
				pannello = arr[i];
				break;
			}
		}

		arr = Database.getBollitori();
		for( i=0; i<arr.length; i++ )
		{
			if( arr[i].isDual200() )
			{
				bollitore = arr[i];
				break;
			}
		}
	}
	else
	{
		pnlNoContributo.style.display = "block";
		pnlDefault.style.display = "block";
		pnlTimeSolar.style.display = "none";
	}
}

function noContributoSolare()
{
	pannello = null;
	bollitore = null;
	
	fnStep5(0);
}

function verificaQta( txt )
{
	var buff = parseInt(txt.value);
	var qta = parseInt(buff);
	if( isNaN(qta) || qta<1 || qta>6 )
	{
		alert("Selezionare il numero di pannelli solari (1-6)");
		return;
	}
	
	fnStep5(qta);
}

function fnStep5( qta )
{
	setup_menu_item( 5 );
	
	if( qta > 0 )
	{
		var pnl = document.getElementById("input_value_pannello");
		if( caldaia1.isTimeSolar() )
		{
			var i,arr = Database.getPannelli();
			for( i=0; i<arr.length; i++ )
			{
				if( arr[i].isTecnoSolar() )
				{
					panello = arr[i];
					break;
				}
			}
			arr = Database.getBollitori();
			for( i=0; i<arr.length; i++ )
			{
				if( arr[i].isDual200() )
				{
					bollitore = arr[i];
					break;
				}
			}
			pnl.innerHTML = getThumb(pannello) + "<div align='center'>[ x" + qta + " ]</div>";
			bufferII += " / " + pannello.getDescrizione() + " [x" + qta + "]";
		}
		else
		{
			pnl.innerHTML = getThumb(pannello) + "<div align='center'>[ x" + qta + " ]</div>" + ( bollitore != null ? getThumb(bollitore) : "" );
			bufferII += " / " + pannello.getDescrizione() + " [x" + qta + "]";
			if( bollitore != null )
			{
				bufferII += " / " + bollitore.getDescrizione();
			}
		}
	
		if( pannello != null )
		{
			pannello.setQta( qta );
		}
	}
				
	calcola();
}

function setup_menu_item( id )
{
	var i;
	for( i=1; i<5; i++ )
	{
		document.getElementById("menu_label_" +i).className = "menu_label_" + ( i==id ? "enabled" : "disabled" );
		document.getElementById("input_panel_" +i).style.display = ( i==id ? "block" : "none" );
	}
}

function calcola()
{
	var etichetta = Config.calcola(caldaia1,caldaia2,crono,pannello,bollitore,bufferII);
	document.getElementById("pnlDownload").style.display = "block";
	document.getElementById("lnkSchedaSanitario").style.display = ( etichetta.isSingola() ? "none" : "block" );
}
/*			
function start()
{
	setTimeout( function()
	{
		Config.setup(
		{
			preview1: document.getElementById("pnlPreview1"),
			preview2: document.getElementById("pnlPreview2"),
			callback: function()
			{
				document.getElementById("pnlLoading").style.display = "none";
				document.getElementById("pnlMain").style.display = "block";
			
				Database = Config.getDatabase();
				
				var cb1 = document.getElementById("cbGamme");
				var cb2 = document.getElementById("cbGamme2");
				var i,items = Database.getGamme();
				for( i=0; i<items.length; i++ )
				{
					var opt = document.createElement("option");
					opt.text = items[i].getDescrizione();
					cb1.options.add(opt);
					
					opt = document.createElement("option");
					opt.text = items[i].getDescrizione();
					cb2.options.add(opt);
				}
				
				var pnl = document.getElementById("pnlCrono");
				items = Database.getCronoComandi();
				for( i=0; i<items.length; i++ )
				{
					var opt = document.createElement("input");
					opt.value = i;
					opt.setAttribute("id","optCrono" + i);
					opt.setAttribute("name","crono");
					opt.setAttribute("type","radio" );
					pnl.appendChild(opt);
					
					var lbl = document.createElement("span");
					lbl.setAttribute("id","lblCrono" + i);
					lbl.innerHTML = items[i].getDescrizione();
					pnl.appendChild(lbl);
				}

				var cb = document.getElementById("cbPannelli");
				items = Database.getPannelli();
				for( i=0; i<items.length; i++ )
				{
					var opt = document.createElement("option");
					opt.text = items[i].getDescrizione();
					cb.options.add(opt);
				}
				cb.selectedIndex = 0;
				
				cb = document.getElementById("cbBollitori");
				items = Database.getBollitori();
				for( i=0; i<items.length; i++ )
				{
					var opt = document.createElement("option");
					opt.text = items[i].getDescrizione();
					cb.options.add(opt);
				}

				refreshModelli(true);
				refreshPannelli();
				refreshModelli(false);
				noCaldaiaSecondaria();
			}
		});
	},1000 );
}

function refreshModelli(isPreferenziale)
{
	var cb = document.getElementById(( isPreferenziale ? "cbModelli" : "cbModelli2"));
	cb.innerHTML = "";
	
	var gamma = ( isPreferenziale ? Database.getGamma() : Database.getGamma2() );
	if( gamma != null )
	{
		var i,items = gamma.getCaldaie();
		for( i=0; i<items.length; i++ )
		{
			var opt = document.createElement("option");
			opt.text = items[i].getDescrizione();

			cb.options.add(opt);
		}
		refreshCrono();
	}
}

function refreshCrono()
{
	var gamma = Database.getGamma();
	if( gamma != null )
	{
		var isEnabled = !(gamma.isCityBox() || gamma.isCityOpen());
		var opt = document.getElementById("optCrono0")
		opt.style.display = (isEnabled ? "inline" : "none");
		var lbl = document.getElementById("lblCrono0")
		lbl.style.display = (isEnabled ? "inline" : "none");
	}
}

function refreshPannelli()
{
	var qta = Database.getQta();
	if( qta != null )
	{
		var caldaia = Database.getGamma().getCaldaia();
		var isEnabled = ( qta > 0 && !caldaia.isTimeSolar() );
		document.getElementById("lblPannello").style.display = ( isEnabled ? "inline" : "none" );
		document.getElementById("cbPannelli").style.display = ( isEnabled ? "inline" : "none" );
		//document.getElementById("pnlTipoImpianto").style.display = ( isEnabled ? "inline" : "none" );
		refreshBollitori();
	}
}

function refreshBollitori()
{
	var qta = Database.getQta();
	var pannello = Database.getPannello();

	var show = false;

	if( qta != null && pannello != null )
	{
		var caldaia = Database.getGamma().getCaldaia();
		show = (qta>0 && (pannello.isTecnoSolar() || !caldaia.isTimeSolar() ));
	}
	document.getElementById("lblBollitore").style.display = ( show ? "inline" : "none" );
	document.getElementById("cbBollitori").style.display = ( show ? "inline" : "none" );
}

function calcola()
{
	var gamma = null;
	var caldaia = null;
	var caldaia2 = null;
	var crono = null;
	var qta = null;
	var pannello = null;
	var bollitore = null;
	var tipoImpiantoSanitario = true;
	
	gamma = Database.getGamma();
	if( gamma == null )
	{
		alert("Selezionare la gamma");
		return;
	}
	
	caldaia = gamma.getCaldaia();
	if( caldaia == null )
	{
		alert("Selezionare la caldaia preferenziale");
		return;
		
	}

	gamma = Database.getGamma2();
	if( gamma != null )
	{
		caldaia2 = gamma.getCaldaia2();
	}
	
	crono = Database.getCronoComando();
	if( crono == null )
	{
		alert("Selezionare il cronocomando");
		return;
		
	}

	qta = Database.getQta();
	if( qta == null )
	{
		alert("Quantità non valida");
		return;
	}

	if( qta>0 )
	{
		pannello = Database.getPannello();
		if( pannello == null )
		{
			alert("Selezionare il pannello");
			return;
		}
		
		if( pannello.isTecnoSolar() )
		{
			bollitore = Database.getBollitore();
			if( bollitore == null )
			{
				alert("Selezionare il bollitore");
				return;
			}
		}
		tipoImpiantoSanitario = Database.isTipoImpiantoSanitario()
		if( tipoImpiantoSanitario == null )
		{
			alert("Selezionare il tipo di impianto");
			return;
		}
	}
	alert( caldaia.getDescrizione() + "\n" +
			( caldaia2 != null ? caldaia2.getDescrizione() + "\n" : "" ) +
			crono.getDescrizione() + "\n" +
			qta + "\n" + 
			( pannello != null ? pannello.getDescrizione() + "\n" + (bollitore != null ? bollitore.getDescrizione() : "[no bollitore]") : "[no pannello]" ) );
	
	var label = Config.calcola(caldaia,crono,qta,pannello,bollitore,caldaia2);
	//alert( label );
}

function noCaldaiaSecondaria()
{
	var cb = document.getElementById("cbModelli2")
	cb.selectedIndex = -1;
}
*/