// JavaScript Document
function ChangeProduct(idProduct) {
	$("#SpaceContentImages").append("<div id='TB_load'><img src='Images/loadingAnimation.gif' /></div>");//add loader to the page
	$("#TB_load").show();//show loader
	$("#NavProdotti").hide();
	$("#ContentImages").fadeOut("1000", function() {
		$.ajax({
			url: "DettProdotto.asp?idProdotto=" + idProduct,
			cache: false,
			dataType: "xml",
			success: function(xmlResult){
				$(xmlResult).find('prodotto').each(function(){
					imgLoad = 0;
					var codice = $(this).find('codice').text();
					var nome = $(this).find('nome').text();
					var nome2 = $(this).find('nome2').text();
					var immagineDettaglio = $(this).find('immagineDettaglio').text();
					var immaginePrincipale = $(this).find('immaginePrincipale').text();
					var pdfDimensioni = $(this).find('pdfDimensioni').text();
					var pdfSchedaProdotto = $(this).find('pdfSchedaProdotto').text();
					var pdfFinitureColori = $(this).find('pdfFinitureColori').text();
					var idProductPrev = $(this).find('idProductPrev').text();
					var idProductNext = $(this).find('idProductNext').text();
					
					$("#ContentImages #ImmagineDettaglio").remove();
					$("#ContentImages #ImmaginePrincipale").remove();					
					
					$("<img id='ImmagineDettaglio' />")
						.appendTo('#ContentImages')			
						.load(function(){imgLoad++;ShowContentImages(imgLoad)})
						.attr("src", "Images/Prodotti/" + immagineDettaglio);					
					
					$("<img id='ImmaginePrincipale' />")
						.appendTo('#ContentImages')
						.load(function(){imgLoad++;ShowContentImages(imgLoad)})						
						.attr("src", "Images/Prodotti/" + immaginePrincipale);
													 
					$("#Codice").html(codice);
					$("#Nome").html(nome);
					$("#Nome2").html(nome2);
					
					$("#pdfDimensioniSep").remove();
					if(pdfDimensioni != "")
					{
						$("#pdfDimensioni").show();
						$("#pdfDimensioni").attr("href", "Pdf/Prodotti/" + pdfDimensioni);
					}
					else
					{
						$("#pdfDimensioni").hide();
					}
					
					$("#pdfSchedaProdottoSep").remove();
					if(pdfSchedaProdotto != "")	
					{
						$("#pdfSchedaProdotto").show();
						$("#pdfSchedaProdotto").attr("href", "Pdf/Prodotti/" + pdfSchedaProdotto);
					}
					else
					{
						$("#pdfSchedaProdotto").hide();
					}
					
					$("#pdfFinitureColoriSep").remove();
					if(pdfFinitureColori != "")				 
					{
						$("#pdfFinitureColori").show();						
						$("#pdfFinitureColori").attr("href", "Pdf/Prodotti/" + pdfFinitureColori);
					}
					else
					{
						$("#pdfFinitureColori").hide();
					}
					 
					
					var numLink = $("#File a:visible").length;
					var i = 1
					$("#File a:visible").each(function(){
						if(i < numLink)
							$(this).after("<span id='" + $(this).attr("id") + "Sep'>-</span>");
						i++;
					});
						
					$("#BtnPrev").unbind("click");
					if(idProductPrev != 0)
					{
					$("#BtnPrev").click(function(){ChangeProduct(idProductPrev)});
					$("#BtnPrev").css("cursor", "pointer"); 
					$("#BtnPrev").css("opacity", "1");					
					}
					else
					{
					$("#BtnPrev").css("cursor", "default"); 
					$("#BtnPrev").css("opacity", "0.22"); 
					}
					
					$("#BtnNext").unbind("click");
					if(idProductNext != 0)
					{
					$("#BtnNext").click(function(){ChangeProduct(idProductNext)});	 
					$("#BtnNext").css("cursor", "pointer"); 
					$("#BtnNext").css("opacity", "1");					
					}
					else
					{			 
					$("#BtnNext").css("cursor", "default"); 
					$("#BtnNext").css("opacity", "0.22");
					}	
					
					$("#MenuProdotti a.Sel").removeClass("Sel");
					$("#MenuProdotti #" + idProduct).addClass("Sel");
				 
			 }); //close each(
		  }
		});	//close ajax
	});
}

/*
Funzione 'semaforo'.
E' stata necessaria la creazione di questa funzione per il risolvere il
problema di FadeIn FadeOut. Infatti per immagini pesanti capitava che
venissero visualizzate prima del loro totale caricamento.
*/
function ShowContentImages(imgLoad) {
	if(imgLoad == 2) {
		$("#ContentImages").fadeIn("1500", function(){$("#NavProdotti").show();});		
		$("#TB_load").remove();
	}
}