function gallery(){
	if(!document.getElementById || !document.getElementsByTagName) return;
	var g = document.getElementById("gallery");
	if(!g) return;

	var links = document.getElementById("minipics").getElementsByTagName("a");

	var firstImg = links[0].childNodes[0]; 
	var t = document.getElementById("titolo"); 
	t.removeChild(t.lastChild);
	t.appendChild(document.createTextNode(firstImg.title));
	var bigImg = document.getElementById("bigimage");
	bigImg.src = links[0].href;

	for(i=0;i<links.length;i++){
		links[i].onclick = function(){ 
			var newSrc = this.href;
			bigImg = document.getElementById("bigimage");
			var currentSrc = bigImg.getAttribute("src");
			if(newSrc == currentSrc){ 
				return false;
			} else {
				show();
				bigImg.src = newSrc; 
				var smallImg = this.getElementsByTagName("img")[0];
				t.removeChild(t.lastChild); 
				t.appendChild(document.createTextNode(smallImg.title)); 
				return false; 
			}
		}
		
		
		links[i].onkeypress = function(e) {
			var key;
			if(window.event)
				key = window.event.keyCode;     
			else
				key = e.which;     
				
			if(key && (key == 13 || key == 32))	{
				var newSrc = this.href;
				bigImg = document.getElementById("bigimage");
				var currentSrc = bigImg.getAttribute("src");
				if(newSrc == currentSrc){ 
					return false;
				} else {
					show();
					bigImg.src = newSrc; 
					var smallImg = this.getElementsByTagName("img")[0];
					t.removeChild(t.lastChild); 
					t.appendChild(document.createTextNode(smallImg.title)); 
					return false; 
				}
			}
		}
	}

}

var loadingLayer;

function show(){
	var loadingImgFile = document.getElementById("tmplwebpath").value+"/images/loading.gif";
	var bigImg = document.getElementById("bigimage"); 
	var currentSrc = bigImg.getAttribute("src"); 
	var z = document.getElementById("zoom"); 

	loadingLayer = document.getElementById("loading"); 
	var loadingLink = document.createElement("a"); 
	loadingLink.setAttribute("id", "stopLink");
	loadingLink.setAttribute("href", "#");
	loadingLink.setAttribute("title", "interrompi il caricamento dell\'immagine");
	loadingLayer.appendChild(loadingLink); 

	var loadingImg = document.createElement("img"); 
	loadingImg.setAttribute("src", loadingImgFile);

	loadingLink.appendChild(loadingImg);

	loadingLink.onclick = function() {
		bigImg.src = currentSrc;
		var t = document.getElementById("titolo"); 
		t.removeChild(t.lastChild);
		t.appendChild(document.createTextNode("clicca sulle diapositive per visualizzare gli ingrandimenti"));
		sl = document.getElementById("stopLink");
		loadingLayer.removeChild(sl);
		return false;
		}

	loadingLink.onkeypress = function(e) {
			var key;
			if(window.event)
				key = window.event.keyCode;     
			else
				key = e.which;     
				
			if(key && (key == 13 || key == 32))	{
				bigImg.src = currentSrc;
				var t = document.getElementById("titolo"); 
				t.removeChild(t.lastChild);
				t.appendChild(document.createTextNode("clicca sulle diapositive per visualizzare gli ingrandimenti"));
				sl = document.getElementById("stopLink");
				loadingLayer.removeChild(sl);
				return false;
			}
		}



	bigImg.onload = function() {  
		sl = document.getElementById("stopLink");
		if(sl){
			timeout = setTimeout('removeLayer()', 300);
		}
	}

}

function removeLayer(){
		sl = document.getElementById("stopLink");
		if(sl){
			loadingLayer.removeChild(sl);
	}
}