// JavaScript Document

var wrapper = null;

// Funktion zum Positionieren nach dem Seitenaufbau aufrufen
window.addEvent('domready', function(){
	wrapper = $('wrap');
	scrollit();
});

// Funktion zum Positionieren nach einer Größenänderung
// des Fensters aufrufen
window.addEvent('resize', function(){
	scrollit();
});

// Positioniert den Seiteninhalt entweder in der Mitte
// oder, wenn das Fenster kleiner ist als der Inhalt,
// jeweils 5px vom oberen und linken Rand entfernt
function scrollit() {
			
		var winH,winW,cnH,cnW;
		
		winH = window.getHeight();
		winW = window.getWidth();
		
		cnH = wrapper.offsetHeight; 
		cnW = wrapper.offsetWidth;
		
		// Wenn Fensterhöhe kleiner als Inhalt,
		if (winH <= cnH +10) { // an den oberen Rand setzen,
			wrapper.setStyle('top', 5);
			wrapper.setStyle('margin-top', 0);
		} else { // wenn nicht, vertikal mittig positionieren
			wrapper.effect('top', {unit: '%'}).set(50);
			wrapper.setStyle('margin-top', -345);
		}
		
		// Wenn Fensterbreite kleiner als Inhalt,
		if (winW <= cnW+10) { // an den linken Rand setzen,
			wrapper.setStyle('left', 5);
			wrapper.setStyle('margin-left', 0);
		} else { // wenn nicht, horizontal mittig positionieren
			wrapper.effect('left', {unit: '%'}).set(50);
			wrapper.setStyle('margin-left', -447);
		}
}

function debug(txt) {
	var cnt = document.getElementById("debug").innerHTML;
	document.getElementById("debug").innerHTML = txt + '<br />' + cnt;;	
}