// Show / Hide additional content
var TO_Center;
window.addEvent("domready", function() {
									 
									 
	// The page must be rendered at the center of the viewport
	// make sure it does
	//var wrapper = $(document.body).getChildren()[0];
	var pagewrapper = $("all-wrapper");

	function centerfyPage() {
		
		var pageSize = window.getSize();
			
		if (pageSize.y > 530) {
			pagewrapper.setStyles({
				top: "50%",
				marginTop: -260
			});
		} else {
			pagewrapper.setStyles({
				top: 5,
				marginTop: 0
			});
		}
		
		if (pageSize.x > 910) {
			pagewrapper.setStyles({
				left: "50%",
				marginLeft: -450
			});
		} else {
			pagewrapper.setStyles({
				left: 0,
				marginLeft: 0
			});
		}
			
		/*,
		margin 		= 5;
		if (wrapHeight < (pageHeight + 5)) {
			margin = (pageHeight - wrapHeight) / 2;
		}
		
		var margin = "15%";
		if (wrapHeight > pageHeight) { 
			margin = "5px";
		}
		wrapper.setStyles({
			top: margin
		});
		*/
	}




	// TPC Data
	function setPosition() {
		var pos = wrapper.getPosition();
		element.setStyles({
			top: (isStart ? 200 : 301),
			left: (isStart ? 20 : 280)
		});
	}

	var element = $("n4481");
	if ($type(element) != "element") {
		return;	
	}

	var trigger = $("m832"),
		wrapper = $("wrapper"),
		visible = false,
		isStart = element.hasClass("start-pic");

	if (wrapper) {
/*
		var width = wrapper.getWidth();

		if (isStart) {
			width -= 79;	
		} else if(width < 400) {
			width += 120;
		} else if(width < 500) {
			width += 50;
		}
*/

		element.addClass("ff4as").setStyles({
			display: "none",
			width:   536
		});
		
		if (isStart) {
			element.setStyle("height", 240).setStyle("width", 800);	
		}
		
		element.setStyle("visibility", "visible");

		if (trigger) {
			trigger.addEvent("click", function() {
				if (visible) {
					element.setStyles({display: "none"});
				} else {
					element.setStyles({display: "block"});
				}
				visible = !visible;
			});
		}
		
		window.addEvents({
			resize: setPosition,
			load: function() {
				element.setStyles({display: "block"});
				setPosition();
				element.setStyles({display: "none"});
			}
		});
		setPosition();
	}
	
	

	//centerfyPage();

	window.addEvents({
		load: centerfyPage,
		resize: centerfyPage
	});
	
});

/*
var WindowHeight, LayerHeight, LayerTicker;
//var aktiv = 1;
window.addEvent('load',OnloadAbstand);//.addEvent('load',moving);
window.addEvent('resize', ResizeAbstand);//.addEvent('resize', moving);


function OnloadAbstand() {
		
		WindowHeight = window.getSize().y;
		LayerHeight = $("table").getSize().y;

		if($("top")) { LayerTicker = $("top").getSize().y; }
		
		if(LayerTicker) {
		
			var margin = ((WindowHeight - LayerHeight) - LayerTicker) / 2;
		
		}
		else {
		
			var margin = (WindowHeight - LayerHeight) / 2;
		}
		
		//console.log(WindowHeight + " -> " + LayerHeight + " <--> " + margin + " >--> " + LayerTicker);
		
		//console.log("(" + WindowHeight+" - " + LayerHeight+") / 2 = " +margin);
		
		if(margin <= 0 ) { margin = 0; }
		
			$("table").style.marginTop = margin + "px";	
			
}


function ResizeAbstand() {
	
	var WindowHeight = window.getSize().y;
	
	
	var margin = (WindowHeight - LayerHeight) / 2;
	
	//console.log("(" + WindowHeight+" - " + LayerHeight+") / 2 = " +margin);
	
	if(margin <= 0 ) { margin = 0; }
	
	$("table").style.marginTop = margin + "px";
}

*/