if (document.getElementById && document.createElement) {
	window.onload = function() {
		init();
	}
}

// "globale" Variablen initialisieren

function init() {
	// lightbox erstellen
	var box = document.createElement("div");
	box.setAttribute("id", "box");
	 var closeBut = document.createElement("a");
	 closeBut.setAttribute("id","close"); closeBut.setAttribute("href","#");
	 var x = document.createTextNode("x"); closeBut.appendChild(x);
	 box.appendChild(closeBut);
	 
	var img_l = document.createElement("img");
	box.appendChild(img_l);
	var content = document.getElementById('content');
	content.appendChild(box);
	var wrapper = document.getElementById('wrapper');

	// Funktionsaufrufe anbinden
	var content_anchors = wrapper.getElementsByTagName ('a');
	for ( var i = 0; i < content_anchors.length; i++) {
		if (content_anchors[i].getAttribute('rel') == "zoom") {
			content_anchors[i].onclick = function() {
				return showImg(this);
			}
		}
	}
	box.onclick = function() {
		return closeBox();
	}
	closeBut.onclick = function() {
		return closeBox();
	}
	
}

function showImg(o) {
	var caption, img_caption, caption_span, thumb_caption;
	var box = document.getElementById("box");
	var imgsrc = o.getAttribute("href");
	var thumb = o.getElementsByTagName("img")[0];
	var alt = thumb.getAttribute("alt");
	var thumb_caption = o.parentNode.getElementsByTagName('span')[0];
	if (box.getElementsByTagName('span')[0] === undefined) {
		caption_span = document.createElement("span");
		caption_span.setAttribute('class', 'caption');
		caption_span.setAttribute('className', 'caption'); // IE6+7
		box.appendChild(caption_span);
	} else {
		caption_span = box.getElementsByTagName("span")[0];
	}
	if (thumb_caption.firstChild != null) {
		caption = thumb_caption.firstChild.nodeValue;
	} else {
		caption = "";
	}
	if (caption_span.childNodes.length > 0) {
		caption_span.childNodes[0].nodeValue = caption;
	} else {
		var captionTxt = document.createTextNode(caption);
		caption_span.appendChild(captionTxt);
	}
	var img_l = box.getElementsByTagName("img")[0];
	img_l.setAttribute("src", imgsrc);
	img_l.setAttribute("alt", alt);
	box.setAttribute("class", "show");
	box.setAttribute('className','show');
	return false;
}

function closeBox () {
	var showbox = document.getElementById('box');
	showbox.setAttribute("class", "hide")
	showbox.setAttribute('className','hide');
	var img_l = showbox.getElementsByTagName("img")[0];
	img_l.setAttribute('src','/css/nix.gif');

	return false;
	
}