// Startfunktion die die Resize und Load Events hinzufügt
function raut_attachEvent()
{
	// Unterscheidung ob IE, weil IE macht es anders
	if(window.attachEvent){
		window.attachEvent('onresize',raut_checkdimensions);
		window.attachEvent('onload',raut_checkdimensions);			
	} else {
		window.addEventListener('resize',raut_checkdimensions,false);
		window.addEventListener('load',raut_checkdimensions,false)
	}
}


// Prüfen der Dimensionen und bearbeiten der Styles
function raut_checkdimensions()
{	
	// Das Zentrierungsdiv brauche ich öfter
	var zentr = document.getElementById('zentrierung');
	
	var hoehe = raut_getheight(zentr);
	var breite = raut_getwidth(zentr);
	
	if((raut_height() < hoehe) && (raut_width() < breite)){		
		// Zu schmal und zu flach
		zentr.style.margin =  '0 0 0 0';
		zentr.style.left = '0';	
		zentr.style.top = '0';
		document.getElementsByTagName('html')[0].style.overflow = 'auto';
	} else if ((raut_height() < hoehe)){
		// zu flach
		zentr.style.margin =  '0 0 0 -' + parseInt(breite/2) + 'px';
		zentr.style.left = '50%';	
		zentr.style.top = '0';
		document.getElementsByTagName('html')[0].style.overflow = 'auto';		
	} else if ((raut_width() < breite)){
		// zu schmal
		zentr.style.margin =  '-' + parseInt(hoehe/2) + 'px 0 0 0';
		zentr.style.left = '0';	
		zentr.style.top = '50%';
		document.getElementsByTagName('html')[0].style.overflow = 'auto';				
	} else {
		// größe passt!
		zentr.style.margin =  '-' + parseInt(hoehe/2) + 'px 0 0 -' + parseInt(breite/2) + 'px';
		zentr.style.left = '50%';	
		zentr.style.top = '50%';
		document.getElementsByTagName('html')[0].style.overflow = 'hidden';
	}
}

// Browserunabhängige Breite
function raut_width(){	
  if (window.innerWidth) {
    return window.innerWidth;
  } else if (document.body && document.body.offsetWidth) {
    return document.body.offsetWidth;
  } else {
    return 0;
  }
}

// Browserunabhängige Höhe
function raut_height(){	
  if (window.innerHeight) {
    return window.innerHeight;
  } else if (document.body && document.body.offsetHeight) {
    return document.body.offsetHeight;
  } else {
    return 0;
  }
}

// funktion liefert die breite eines Divs
function raut_getwidth(object){
	if (document.layers) {
      	return object.document.width;      
   }
   else {
      	return object.offsetWidth;
   }
}

// funktion liefert die Höhe eines Divs
function raut_getheight(object){
	if (document.layers) {
      	return object.document.height;      
   }
   else {
      	return object.offsetHeight;
   }
}