// JavaScript Document
	
	/*
		Utilizzo della libreria Ajax MultiBlocchi (David Agostinelli 01/06/2006)
		
		1. Includere questo file alla pagina
		2. Includere a fondo pagina tra tag <SCRIPT> il seguente codice (completare i puntini con i propri valori):
			// VARIABILI GLOBALI	
			var ciMaxBlocchi		= ....;											-> Numero max di bottoni numerici prima di >>
			var ciMaxElementi		= ....;											-> Numero max di elementi per ogni blocco
			var objParentButtons = document.getElementById("....");		-> Elemento DL a cui appendere i bottoni
			var objParentImages	= document.getElementById("....");		-> Elemento DIV a cui appendere la lista di immagini

			//	FUNZIONE INTERFACCIA CON LIBRERIA 
			function getElementList(liSelBlocco, ciMaxElementi) {
				... chiamata a funzione Ajax in cui si passano questi parametri per il LIMIT della STP
			}	
	*/
	
	
	// Disegna i bottoni di navigazione
	function drawButtons(liNextValue, liTotBlocchi, ciMaxBlocchi, ciMaxElementi) {
		var liBloccoDa	= liNextValue * ciMaxBlocchi;
		var liBloccoA	= Math.min(liTotBlocchi, ciMaxBlocchi * (liNextValue + 1));
		
		// Rimozione eventuali vecchi pulsanti
		objParentButtons.innerHTML = "";
		
		// 1 Disegno di <<
		if (liNextValue > 0) {
			var objDtButton		= document.createElement("DT");
			var objLink				= document.createElement("A");
			
			objLink.setAttribute("id", "linkNumber");
			objLink.setAttribute("href", "javascript:reDrawButtons('prev'," + liNextValue + ", " + liTotBlocchi + ", " + ciMaxBlocchi + ", " + ciMaxElementi + ");");
			objLink.innerHTML = "&laquo;";
			
			objDtButton.appendChild(objLink);
			objParentButtons.appendChild(objDtButton);
		}
		
		// 2 Disegno dei bottoni numerici
		/* Struttura HTML generata:
			<dt><a id='linkNumber' onclick='SetButtonList(this);' href='javascript:do_getImageList();' ></a></dt>
			<dd>|</dd>
		*/		
		for (i = liBloccoDa; i < liBloccoA; i++) {
			var objDtButton		= document.createElement("DT");
			var objLink				= document.createElement("A");
			var objDDSeparator	= document.createElement("DD");
			var liStartElement	= i * ciMaxElementi;
			
			objLink.onclick = function() { SetButtonList(this); }
			objLink.setAttribute("id", "linkNumber");
			objLink.setAttribute("href", "javascript:getElementList(" + liStartElement + ", " + ciMaxElementi + ");");
			objLink.innerHTML 			= i + 1;
			objDDSeparator.innerHTML	= "|";
			
			objDtButton.appendChild(objLink);
			objParentButtons.appendChild(objDtButton);
	
			// Disegno delle |
			if (i < liBloccoA - 1) {
				objParentButtons.appendChild(objDDSeparator);
			}
			
			// Colorazione selezionata del 1° blocco
			if (i == liBloccoDa) {
				objLink.style.color = "#C7D7F1";
			}
		}
			
		// 3 Disegno di >>
		if (liBloccoA < liTotBlocchi) {
			var objDtButton		= document.createElement("DT");
			var objLink				= document.createElement("A");
			
			objLink.setAttribute("id", "linkNumber");
			objLink.setAttribute("href", "javascript:reDrawButtons('next'," + liNextValue + ", " + liTotBlocchi + ", " + ciMaxBlocchi + ", " + ciMaxElementi + ");");				
			objLink.innerHTML = "&raquo;";
			
			objDtButton.appendChild(objLink);
			objParentButtons.appendChild(objDtButton);
		}
		
	}
	
	
	// Ridisegna i bottoni di navigazione nel caso in cui si cliccano le freccette
	function reDrawButtons(action, liNextValue, liTotBlocchi, ciMaxBlocchi, ciMaxElementi) {			
		// Impostazione parametri
		liNextValue = (action == "next") ? (liNextValue + 1) : (liNextValue - 1);
		liSelBlocco	= liNextValue * ciMaxBlocchi * ciMaxElementi;
		
		// PARTE 1°: CREAZIONE PULSANTI
		drawButtons(liNextValue, liTotBlocchi, ciMaxBlocchi, ciMaxElementi);
		
		// PARTE 2°: CREAZIONE LISTA ELEMENTI
		getElementList(liSelBlocco, ciMaxElementi);
	}
	
	
	// Controlla che sia terminato il loading delle immagini
	function LoadingCheck(totElementi) {
		liLoadingCounter++;
		
		if (liLoadingCounter == totElementi) {
			liLoadingCounter 					= 0;
			objParentImages.style.display = "block";
			objLoadingDiv.style.display 	= "none";
			window.location.hash				= "ancora"
		}
	}