//###########################################################################################################
// Generelle Javascript Funktionen
//###########################################################################################################

//Events registrieren
addEvent(window,'resize',function(){setTimeout("resizeBox1Alignment()",500)});	
addEvent(window,'resize',function(){setTimeout("resizeBox2Alignment()",500)});
addEvent(window,'resize',function(){setTimeout("resizeBox3Alignment()",500)});

//Box 1 an Browserfenster ausrichten
function resizeBox1Alignment()
{
  //Browserhöhe ermitteln
  var offsetHeight = document.body.offsetHeight;
  
  //Box-Content Höhe ermitteln
  var boxContentHeight = $('#divBoxContent').css('height');
  boxContentHeight = boxContentHeight.replace('px','');
  
  //Header Höhe ermitteln
  var headerHeight = $('#divHeaderContainer').css('height');
  headerHeight = headerHeight.replace('px','');
  
  //Footer Höhe ermitteln
  var footerHeight = $('#divFooter').css('height');
  footerHeight = footerHeight.replace('px','');
  
  var contentHeight = offsetHeight-headerHeight-footerHeight;
  var paddingTopBottom = (contentHeight-boxContentHeight)/2;
  
  $('#divBoxContent').css('marginTop',paddingTopBottom + 'px');
}

//Box 2 an Browserfenster ausrichten
function resizeBox2Alignment()
{
  //Browserhöhe ermitteln
  var offsetHeight = document.body.offsetHeight;
  
  //Box-Content Höhe ermitteln
  var boxContentHeight = $('#divBoxContent2').css('height');
  boxContentHeight = boxContentHeight.replace('px','');
  
  //Header Höhe ermitteln
  var headerHeight = $('#divHeaderContainer').css('height');
  headerHeight = headerHeight.replace('px','');
  
  //Footer Höhe ermitteln
  var footerHeight = $('#divFooter').css('height');
  footerHeight = footerHeight.replace('px','');
  
  var contentHeight = offsetHeight-headerHeight-footerHeight;
  var paddingTopBottom = (contentHeight-boxContentHeight)/2;
  
  $('#divBoxContent2').css('marginTop',paddingTopBottom + 'px');
}


//Box 3 an Browserfenster ausrichten
function resizeBox2Alignment()
{
  //Browserhöhe ermitteln
  var offsetHeight = document.body.offsetHeight;
  
  //Box-Content Höhe ermitteln
  var boxContentHeight = $('#divBoxContent3').css('height');
  boxContentHeight = boxContentHeight.replace('px','');
  
  //Header Höhe ermitteln
  var headerHeight = $('#divHeaderContainer').css('height');
  headerHeight = headerHeight.replace('px','');
  
  //Footer Höhe ermitteln
  var footerHeight = $('#divFooter').css('height');
  footerHeight = footerHeight.replace('px','');
  
  var contentHeight = offsetHeight-headerHeight-footerHeight;
  var paddingTopBottom = (contentHeight-boxContentHeight)/2;
  
  $('#divBoxContent3').css('marginTop',paddingTopBottom + 'px');
}