function picshow() {
	var bigpic = false;
	var smallpics = false;
	var image = false;
	var pics = Array();
	var backlink = false;
	var nextlink = false;
	
	var closebig = function(){
		image.src ="";
		bigpic.style.display = 'none';
		document.onkeydown = "";
		return false;
	}
	
	var createBigpic = function() {
		if (!bigpic) {
			bigpic = document.createElement('div');
			bigpic.id = 'bigpic';
			bigpic.appendChild(document.createElement('div'));
			bigpic.firstChild.className = 'background';
			bigpic.appendChild(document.createElement('div'));
			bigpic.lastChild.className = 'foreground';
			bigpic.lastChild.appendChild(document.createElement('a'));
			image = document.createElement('img');
			bigpic.lastChild.firstChild.appendChild(image);
			bigpic.lastChild.appendChild(document.createElement('br'));
			bigpic.lastChild.appendChild(document.createElement('a'));
			bigpic.lastChild.lastChild.onclick = closebig;
			bigpic.lastChild.lastChild.href = 'javascript:return false';
			bigpic.lastChild.lastChild.appendChild(document.createTextNode('[schließen]'));
			bigpic.style.display = 'none';
			document.body.appendChild(bigpic);
		}
	}
	
	var open = function() {
		createBigpic();
		var $a = bigpic.lastChild.lastChild;
		bigpic.style.display = 'block';
		image.src = pics[this.picnumber].src.replace('/middle/','/big/').replace('/small/','/big/');
		if (!backlink) {
			backlink = document.createElement('a');
			backlink.href = 'javascript:return false';
			backlink.onclick = open;
			backlink.appendChild(document.createTextNode('<<'));
			bigpic.lastChild.insertBefore(backlink,$a);
		}
		backlink.picnumber = this.picnumber-1 >= 0 ? this.picnumber-1 : pics.length-1;
		if (!nextlink) {
			nextlink = document.createElement('a');
			nextlink.href = 'javascript:return false';
			nextlink.onclick = open;
			nextlink.appendChild(document.createTextNode('>>'));
			bigpic.lastChild.appendChild(nextlink,$a);
		}
		nextlink.picnumber = this.picnumber+1 < pics.length ? this.picnumber + 1 : 0;
		document.onkeydown = keydown;
		return false;
	}
	
	this.showbig = function($img) {
		$img.href = "javascript:return false";
		$img = $img.getElementsByTagName('img')[0];
		createBigpic();
		image.src = $img.src.replace('/middle/','/big/').replace('/small/','/big/');
		bigpic.style.display = 'block';
		return false;
	}
	
	this.scanpics = function() {
		smallpics = document.getElementById('smallpics');
		pics = smallpics.getElementsByTagName('img');
		for ($i=0; $i<pics.length; $i++) {
			pics[$i].parentNode.href = 'javascript:return false';
			pics[$i].parentNode.picnumber = $i;
			pics[$i].parentNode.onclick = open;
		}
		pics[pics.length-1].parentNode.picnumber = 0;
	}
	
	var keydown = function($event) {
		$event = modifyEvent($event);
		switch ($event.which) {
			case 27:	//Esc
				closebig();
			break;
			case 37:	//Arrow Left
				if (backlink) backlink.onclick();
			break;
			case 39:	//Arrow Left
				if (nextlink) nextlink.onclick();
			break;
		}
	}
}

document.picshow = new picshow();
document.picshow.scanpics();