document.observe("dom:loaded", function() {
	// Positionierung von Footer bei großem Viewport
	var wrapperHeight = $("wrapper").getHeight();
	var wrapperWidth = $("wrapper").getWidth();
	var viewportHeight = document.viewport.getHeight();
	var viewportWidth = document.viewport.getWidth();

	if(wrapperHeight < viewportHeight) {
		var headerHeight = $("header").getHeight();
		var naviHeight = $("navi").getHeight() + 4;
		var footerHeight = $("footer").getHeight() + 2;
		var mainHeight = viewportHeight - headerHeight - naviHeight - footerHeight -20;

		$("main").setStyle({
			height: mainHeight + "px"
		});
	}
	
	// Positionierung und Skalierung des Hintergrundbildes rechts unten
	if(viewportWidth > wrapperWidth) {
		var extendedBackgroundWidth = (viewportWidth - wrapperWidth) / 2;
		
		$("extendedBackground").setStyle({
			width: extendedBackgroundWidth + "px",
			marginRight: "-" + extendedBackgroundWidth + "px"
		});
	}
	
	// Aufklappeffekt für Sidebar
	/*
	$$("#sidebar .arrowDown").each(function(arrowDown) {
		arrowDown.observe("click", function() {
			Effect.toggle(this.readAttribute("rel"), "slide");
		});
	});
	*/

	// Hinzufügen von Klassen bei input Elementen in Contentbereich
	$$("#content input[type=text]", "#content input[type=password]", "#content textarea", "#content select").invoke("addClassName", "input");
	$$("#content input[type=text]", "#content input[type=password]").invoke("addClassName", "inputField");
	$$("#content textarea").invoke("addClassName", "inputArea");
	$$("#content input[type=button]", "#content input[type=submit]", "#content input[type=reset]").invoke("addClassName", "button");
	
	// diashow bigPic
	if($("bigPic").childElements().size() > 1) {
		new Protofade("bigPic", { 
		duration: 2.0,
		delay: 5.0
		});
	}	
});