/*************************************************************
* 
* JQuery Skript zur vertikalen und horizontalen Zentrierung
* im Browserfenster
* 
* Ändern des Selektors:
* ---------------------
* Einsetzen der gewünschten ID in den Zeilen 17 und 25 
*
**************************************************************/


//-----------------------------------------------
//Beim Laden der Seite Container zentrieren
//-----------------------------------------------
$(document).ready(function(){
	setCenter('#ccontainer');  //ID oder Klasse des Containers
});

//-----------------------------------------------
// Beim Verändern der Fenstergröße Container neu 
// zentrieren
//-----------------------------------------------
$(window).bind('resize', function(event) {
	setCenter('#ccontainer');  //ID oder Klasse des Containers
});

//-----------------------------------------------
// Container Vertikal zentrieren
//-----------------------------------------------
function VerticalCenter(elem) {
	var top=($(window).height() - $(elem).height()) / 2;
	if (top < 30) { top = 30; }
	$(elem).css('margin-top',top);
}

//-----------------------------------------------
// Contanert horizontal zentrieren
// (Alternativ über CSS -> margin: auto;)
//-----------------------------------------------
function HorizontalCenter(elem) {
	var left=($(window).width() - $(elem).width()) / 2;
	if (left < 30) { left = 30; }
	$(elem).css('margin-left',left);
}

//------------------------------------------------
//Beides zentrieren
//------------------------------------------------
function setCenter(elem) {
	VerticalCenter(elem);
	HorizontalCenter(elem);
}