window.onresize = getViewport;
window.onload = function(){
	getViewport;
	if (window.opera){ //Opera Workaround
      var obj = document.getElementById('col2');
      obj.style.overflow = 'auto';
	}
	if (UBs!=null && UBs.length!=0){
	  initUBs();
	}
}

function getViewport(){
 var viewportwidth;
 var viewportheight;
 
 // the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight
 
 if (typeof window.innerWidth != 'undefined')
 {
      viewportwidth = window.innerWidth,
      viewportheight = window.innerHeight
 }
 
// IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)

 else if (typeof document.documentElement != 'undefined'
     && typeof document.documentElement.clientWidth !=
     'undefined' && document.documentElement.clientWidth != 0)
 {
       viewportwidth = document.documentElement.clientWidth,
       viewportheight = document.documentElement.clientHeight
 }
 
 // older versions of IE
 
 else
 {
       viewportwidth = document.getElementsByTagName('body')[0].clientWidth,
       viewportheight = document.getElementsByTagName('body')[0].clientHeight
 }

// Platzierungsmethode für Wrapper bei kleinerem Viewport switchen

 var bod = document.getElementsByTagName('body');

 if (viewportheight <= 644){
	bod[0].className = 'no-vcent';
 }
 else{
	bod[0].className = 'vcent'; 
 }
}

var UBs;
var aktUB = ''; //aktuell (bzw. bisher) aktiver Bereich
var aktUBidx = 0;
var anzahlUBs = 0;
var switchClasses = false;

function initUBs(){
  anzahlUBs = UBs.length;	
  if (window.location.hash != ''){
    aktUB = window.location.hash.substr(1);
  }
  else{
    aktUB = UBs[0];
  }
  //alert (aktUB);
  blaetterstat();  
  if (switchClasses){
    switcher(aktUB);
  }	  
}

function switchUB(what){ // neuen Bereich hilighten, alten Bereich normal, dann neu = aktuell
  switcher (what);
  switcher (aktUB);
  aktUB = what;
  blaetterstat();  
}

function switcher(what){ // übergebenen Menüpunkt aktiv/inaktiv umschalten (je nach Status)
  var obj = document.getElementById('mn_'+what);
  obj.className = (obj.className == 'inaktiv') ? 'aktiv' : 'inaktiv';
}

function aktindex(){
  for (var i=0;i<anzahlUBs;i++) {
    //index des aktuellen Bereichs in der Bereichsliste raussuchen
	//alert('aktUB: '+aktUB);
	//alert(UBs[i]);
    if (UBs[i] == aktUB){
	  aktUBidx = i;
	  //alert(aktUBidx);
	  break;
	}
  } 	
}

function prevnext(Richtung){ //array mit den IDs der durchzugehenden Bereiche
  aktindex();
  //alert(aktUBidx + " " + anzahlUBs);
  if (Richtung == 'n'){
    var ziel = UBs[aktUBidx+1];
  }
  if (Richtung == 'p'){
    var ziel = UBs[aktUBidx-1];
  }
  if (ziel){
    window.location.href = '#'+ziel; //Eintrag im nächsten/vorigen index aufrufen
	if (switchClasses){
      switchUB (ziel); 
	}
	else
	{
	  aktUB = ziel;	
	}
  }
  blaetterstat();
}

function blaetterstat(){ //welche der Pfeile müssen ausgeblendet werden?
	aktindex();
    var next = document.getElementById('mn_next');
    var prev = document.getElementById('mn_prev');
    next.style.visibility = 'visible';
    prev.style.visibility = 'visible';	

    if  (aktUBidx+1 >= anzahlUBs){
    next.style.visibility = 'hidden';
    }  
	if  (aktUBidx+0 < 1){
    prev.style.visibility = 'hidden';	
	}	
}