/*************************************************************
* 10.12.09
* Autor: http://blog.sternpunkt.at/2009/06/25/vertikal_zentrieren_ganz_einfach/#
*
* JQuery Skript zur vertikalen und horizontalen Zentrierung
* im Browserfenster
*
* Aendern des Selektors:
* ---------------------
* Einsetzen der gewuenschten ID in den Zeilen 19 und 27
*
**************************************************************/
 
 
//-----------------------------------------------
// Beim Laden der Seite Container zentrieren
//-----------------------------------------------
$(document).ready(function(){
    HorizontalCenter('#centerer');  //Deine ID oder Klasse des Containers
});
 
//-----------------------------------------------
// Beim Veraendern der Fenstergroesze Container neu
// zentrieren
//-----------------------------------------------
$(window).bind('resize', function(event) {
    HorizontalCenter('#centerer');  //Deine ID oder Klasse des Containers
});
 
//-----------------------------------------------
// Container vertikal zentrieren
//-----------------------------------------------
function VerticalCenter(elem) {
    var top=($(window).height() - $(elem).height()) / 2;
    $(elem).css('margin-top',top);
}
 
//-----------------------------------------------
// Container horizontal zentrieren
// (Alternativ ueber CSS -> margin: auto;)
//-----------------------------------------------
function HorizontalCenter(elem) {
    var left=($(window).width() - $(elem).width()) / 2;
    $(elem).css('margin-left',left);
}
 
//------------------------------------------------
// Beides zentrieren
//------------------------------------------------
function setCenter(elem) {
    VerticalCenter(elem);
    HorizontalCenter(elem);
}