document.addEvent("domready", function() {
	/**
	 * Durchsucht die Seite nach Bildern und fügt zwei Funktionen hinzu:
	 * 		o Wenn die Grafik die Klasse "untertext" hat: Fügt den Inhalt des title-Attributs als Unterschrift unter das Bild. Der Text kann über die Klasse "untertext" formatiert werden.
	 * 		o Wenn die ID der Grfik mit dem Begriff "lightbox" beginnt, wird lightbox darauf angewendet 
	 */
	$(window).addEvent('load', function() {
		
		$$("img").each(function(el) {
			//alert(el.get("id"));	
			if(el.hasClass("untertext")) {
				//alert("la");
				var marginL = el.getStyle("margin-left");
				if(parseInt(marginL) == 0 && el.currentStyle) marginL = el.currentStyle.marginLeft;
				//else if(parseInt(marginL) == 0) marginL = el.getComputedStyle('margin-left');
				var marginR = el.getStyle("margin-right");
				if(parseInt(marginR) == 0) marginR = el.getComputedStyle('margin-right');
				var marginT = el.getStyle("margin-top");
				if(parseInt(marginT) == 0) marginT = el.getComputedStyle('margin-top');
				var marginB = el.getStyle("margin-bottom");
				if(parseInt(marginB) == 0) marginB = el.getComputedStyle('margin-bottom');
				
				var div = new Element("div");
				div.addClass("untertext");
				div.setStyles({
					'float': el.getStyle("float"),
					'margin-left': marginL,
					'margin-right': marginR,
					'margin-top': marginT,
					'margin-bottom': marginB,
					'width': el.getStyle("width")
				});
				el.setStyles({
					margin: '0px',
					'float': 'none'
				});
				var p = new Element("p");
				p.set("html", el.get("title"));
				div.wraps(el);
				p.inject(div);
			}
			
			if(el.hasClass("lightbox")) {
				var link = new Element("a");
				link.set("href", el.get("src")).set("rel", "lightbox-inline").set("title", el.get("title"));
				link.wraps(el);
			}
			
		});
		if(window.Slimbox) Slimbox.scanPage();
	});

	
	/**
	 * Fügt die "Ausklappboxen" hinzu. Dazu muss ein Bereich (div) definiert werden der die Klasse "sliders" erhält.
	 */
	var lastToggled = null;
	$$('.sliders a.slider').each(function(el) {
		if(el.hasClass("slider") && el.getParent().getNext()) {
			// Dieser Link dient als "Klapp-Box"-Link
			var c = el.getParent().getNext();
			//if(!c) c = el.getParent().getNext("p");
			
			var div = new Element("div");
			div.addClass("slider").wraps(c);
			
			var p = el.getParent();
			el.inject(c, "before");
			p.destroy();
			
			c.slide('hide');
			el.addEvent("click", function() {
				if(lastToggled != null && lastToggled != c) {
					lastToggled.slide('out');
					$('content').getElements("a").removeClass("active");
				}
				lastToggled = c;
				if(this.hasClass("active")) this.removeClass("active");
				else this.addClass("active");
				c.slide('toggle');
				return false;
			});
		}
	});
});