function drawtable() {
	thumbtable = document.createElement("table");
	thumbtable.className = "thumbtable";
	thumbtable.align = "center";
	thumbtable.cellSpacing = "10";
	thumbtable.cellPadding = "0";
	
	var tbody = document.createElement("tbody");
	thumbtable.appendChild(tbody);
	
	var i = 0;
	
	for (var r = 0; r < images.length / 4 ; r++) {
			var tr = document.createElement("tr");
			tbody.appendChild(tr);
			
			for (var c = 0; c < 4 && i < images.length ; c++) {
				var td = document.createElement("td");
				td.className = "thumbcell";
				tr.appendChild(td);
				
				var a = document.createElement("a");
				a.href = "javascript: runswitch('image'," + i + ");";
				td.appendChild(a);
				
				var img = document.createElement("img");
				img.src = folder + "\/" + thumbfolder + "\/" + images[i];
				img.border = "0";
				img.alt = images[i];
				a.appendChild(img);
				
				var br = document.createElement("br");
				a.appendChild(br);
				var cap = document.createTextNode(images[i]);
				a.appendChild(cap);
				
				i++;
			}
		}
		document.getElementById("gallery").appendChild(thumbtable);
}

function drawimage() {
	imagecont = document.createElement("div");
	imagecont.className = "imagecontainer";
	imagecont.align = "center";
	imagecont.style.display = "none";
	
	closebtn = document.createElement("a");
	closebtn.className = "closebtn";
	closebtn.href = "javascript: runswitch('list',''); closebtn.blur();";
	closebtn.onmouseover=function(){ closebtnimg.src = '../img/gallery_close_h.gif'; }
	closebtn.onmouseout=function(){ closebtnimg.src = '../img/gallery_close.gif'; }
	closebtn.title = unescape("Zur%FCck zur Bilder%FCbersicht");
	closebtn.style.margin = "20px";
	
	closebtnimg = document.createElement("img");
	closebtnimg.src = "../img/gallery_close.gif";
	closebtnimg.border = "0";
	closebtn.appendChild(closebtnimg);
	
	imagecont.appendChild(closebtn);
	
	prevbtn = document.createElement("a");
	prevbtn.href = "javascript: runswitch('image','prev'); prevbtn.blur();";
	prevbtn.onmouseover=function(){ prevbtnimg.src = '../img/gallery_prev_h.gif'; }
	prevbtn.onmouseout=function(){ prevbtnimg.src = '../img/gallery_prev.gif'; }
	prevbtn.title = "Vorheriges Bild";
	prevbtn.style.display = "none";
	prevbtn.style.margin = "20px";

	imagecont.appendChild(prevbtn);
	
	prevbtnimg = document.createElement("img");
	prevbtnimg.src = "../img/gallery_prev.gif";
	prevbtnimg.border = "0";
	prevbtn.appendChild(prevbtnimg);

	img = document.createElement("img");
	img.style.verticalAlign = "middle";
	imagecont.appendChild(img);
	
	nextbtn = document.createElement("a");
	nextbtn.href = "javascript: runswitch('image','next'); nextbtn.blur();";
	nextbtn.onmouseover=function(){ nextbtnimg.src = '../img/gallery_next_h.gif'; }
	nextbtn.onmouseout=function(){ nextbtnimg.src = '../img/gallery_next.gif'; }
	nextbtn.title = unescape("N%E4chstes Bild");
	nextbtn.style.display = "none";
	nextbtn.style.margin = "20px";
	imagecont.appendChild(nextbtn);
	
	nextbtnimg = document.createElement("img");
	nextbtnimg.src = "../img/gallery_next.gif";
	nextbtnimg.border = "0";
	nextbtn.appendChild(nextbtnimg);
	
	imgcap = document.createElement("p");
	imgcap.appendChild(document.createTextNode(""));
	imgcap.style.color = "#ffffff";
	imagecont.appendChild(imgcap);
	
	document.getElementById("gallery").appendChild(imagecont);
}

function runswitch(option, image) {
	var navbar = document.getElementsByTagName("table")[0];
	if (option == "image") {
		changeimage(image);
		imagecont.style.display = "";
	} else {
		imagecont.style.display = "none";
	}
}

function changeimage(image) {

	if (image == "next") {
		if (imagestored < images.length - 1) {
			image = imagestored + 1;
			} else {
			image = imagestored;
		}
	}
	
	if (image == "prev") {
		if (imagestored > 0) {
			image = imagestored - 1;
			} else {
			image = imagestored;
		}
	}
	
	newImg = new Image();
	newImg.onload = function() {
		img.src = newImg.src;
		
		img.alt = images[image];
		imgcap.firstChild.nodeValue = images[image];
		
		if (image > 0) {
			prevbtn.style.display = "";
			
			preload = new Image();
			preload.src = folder + "\/" + images[image-1];
		}
		if (image < images.length - 1) {
			nextbtn.style.display = "";
			
			preload = new Image();
			preload.src = folder + "\/" + images[image+1];
		}
	}
	
	
	prevbtn.style.display = "none";
	nextbtn.style.display = "none";
	
	
	imagestored = image;
	
	newImg.src = folder + "\/" + images[image];

	window.scrollTo(0,0);
}

drawtable();
drawimage();
runswitch("list", "");