// JavaScript Document

var wrapper = null;
var footer = null;
var offset = 40; //min. Abstand zwischen Footer u. Wrapper
var firstDomReady = true;

// Funktion zum Positionieren nach dem Seitenaufbau aufrufen
window.addEvent('domready', function(){
									 
	if(!firstDomReady)
		return;
		
	firstDomReady = false;

	wrapper = $('wrap');
	footer = $('footer');

	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() {
		//alert("");
		var winH, winW, wrapperH, wrapperW, footerH, footerW;
		
		winH = window.getHeight(); //Fensterhöhe
		winW = window.getWidth();  //Fensterbreite
		
		wrapperH = wrapper.offsetHeight; 
		wrapperW = wrapper.offsetWidth;
		
		footerH = footer.offsetHeight;
		
		// Wenn Fensterhöhe kleiner als Inhalt,
		if (winH <= wrapperH + offset + footerH + 10) { // an den oberen Rand setzen,
			wrapper.setStyle('top', 15);
			wrapper.setStyle('margin-top', 0);
			footer.setStyle('top', wrapperH + offset + 5);
			footer.setStyle('margin-top', 0);
		} else { // wenn nicht, vertikal mittig positionieren
			wrapper.effect('top', {unit: '%'}).set(50);
			wrapper.setStyle('margin-top', -345);
			footer.effect('top', {unit: '%'}).set(100);
			footer.setStyle('margin-top', -50);
		}
		
		// Wenn Fensterbreite kleiner als Inhalt,
		if (winW <= wrapperW + 10) { // an den linken Rand setzen,
			wrapper.setStyle('left', 15);
			wrapper.setStyle('margin-left', 0);
			footer.setStyle('width', wrapperW + 15);
		} else { // wenn nicht, horizontal mittig positionieren
			wrapper.effect('left', {unit: '%'}).set(50);
			wrapper.setStyle('margin-left', -470);
			footer.effect('width', {unit: '%'}).set(100);
		}
}

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