// Opera-Browser erkennen:
if (navigator.userAgent.toLowerCase().indexOf("opera") != -1) { isOpera = true; }
else { isOpera = false; }

function initialisieren()
{
  // Breite des zu verschiebenden Ausschnitts: 
  breite_ausschnitt = 630;   // ... ist so im HTML-Code eingetragen
  timer=setTimeout('{}',0);
  schritt = 50;
  nureinmal = 1;
  welche = 1;

  if ((!document.all) && (!document.layers) && document.getElementById)
  {
    ko = document.getElementById("kopf");
    s1 = document.getElementById("schicht1");
    s2 = document.getElementById("schicht2");
    un = document.getElementById("unten");
  }

  if (isOpera)
  {
    bildschirmbreite = document.body.style.pixelWidth;
    kopf.style.pixelWidth = Math.round(bildschirmbreite*0.97); // damit nicht zu klein ist    
    x_ausschnitt_center = Math.round((bildschirmbreite - breite_ausschnitt)/2); // Anfangswert
    if (x_ausschnitt_center<=0) x_ausschnitt_center = 20;
    schicht2.style.pixelTop = kopf.style.pixelTop + kopf.style.pixelHeight;
    schicht1.style.pixelLeft = x_ausschnitt_center;	  
    schicht1.style.pixelTop = kopf.style.pixelTop + kopf.style.pixelHeight;
    x_unten = bildschirmbreite - unten.style.pixelWidth - 35;
    y_unten = kopf.style.pixelTop + kopf.style.pixelHeight + schicht1.style.pixelHeight;
    unten.style.pixelLeft = x_unten;
    unten.style.pixelTop = y_unten;
    unten.style.visibility = 'visible';
    schicht1.style.visibility = 'visible';
  }
  else if (document.all)
  {
    bildschirmbreite = document.body.offsetWidth;
    kopf.style.posWidth = Math.round(bildschirmbreite*0.97); // damit nicht zu klein ist    
    x_ausschnitt_center = Math.round((bildschirmbreite - breite_ausschnitt)/2); // Anfangswert
    if (x_ausschnitt_center<=0) x_ausschnitt_center = 20;
    schicht2.style.posTop = kopf.style.posTop + kopf.offsetHeight;
    schicht1.style.posLeft = x_ausschnitt_center;	  
    schicht1.style.posTop = kopf.style.posTop + kopf.offsetHeight;
    x_unten = bildschirmbreite - unten.offsetWidth - 35;
    y_unten = kopf.style.posTop + kopf.offsetHeight + schicht1.style.posHeight;
    unten.style.posLeft = x_unten;
    unten.style.posTop = y_unten;
    unten.style.visibility = 'visible';
    schicht1.style.visibility = 'visible';
  }
  else if (document.layers)
  {
    bildschirmbreite = window.innerWidth;
    x_ausschnitt_center = Math.round((bildschirmbreite - breite_ausschnitt)/2); // Anfangswert
    if (x_ausschnitt_center<=0) x_ausschnitt_center = 20;
    document.schicht2.pageY = document.kopf.pageY + document.kopf.clip.height;
    document.schicht1.pageX = x_ausschnitt_center;
    document.schicht1.pageY = document.kopf.pageY + document.kopf.clip.height;
    y_unten = document.kopf.pageY + document.kopf.clip.height + document.schicht1.clip.height;
    x_unten = bildschirmbreite - document.unten.clip.width - 30;
    document.unten.pageX = x_unten;
    document.unten.pageY = y_unten;
    document.unten.visibility = 'show';
    document.schicht1.visibility = 'show';
  }
  else if (document.getElementById)
  {
    bildschirmbreite = window.innerWidth;
    ko.style.width = Math.round(bildschirmbreite*0.97); // damit nicht bis zum rechten Rand reicht
    x_ausschnitt_center = Math.round((bildschirmbreite - breite_ausschnitt)/2); // Anfangswert
    if (x_ausschnitt_center<=0) x_ausschnitt_center = 20;
    s2.style.top = parseInt(ko.style.top) + ko.offsetHeight;
    s1.style.left = x_ausschnitt_center;
    s1.style.top = parseInt(ko.style.top) + ko.offsetHeight;
    y_unten = parseInt(ko.style.top) + ko.offsetHeight + s1.offsetHeight;
    x_unten = bildschirmbreite - un.offsetWidth - 30;
    un.style.left = x_unten;
    un.style.top = y_unten;
    un.style.visibility = 'visible';
    s1.style.visibility = 'visible';
  }
}

function initialisieren_onresize() // onresize wird von Opera anscheinend nicht unterstützt
{
  clearTimeout(timer);
  if (isOpera)
  {
    if (welche==1)
    {
      schicht2.style.visibility = 'hidden';	
      schicht1.style.visibility = 'visible';
    }
    else
    {
      schicht1.style.visibility = 'hidden';
      schicht2.style.visibility = 'visible';
    }
    bildschirmbreite = document.body.style.pixelWidth;
    kopf.style.pixelWidth = Math.round(bildschirmbreite*0.97); // damit nicht zu klein ist    
    x_ausschnitt_center = Math.round((bildschirmbreite - breite_ausschnitt)/2); // Anfangswert
    if (x_ausschnitt_center<=0) x_ausschnitt_center = 20;
    schicht1.style.pixelLeft = x_ausschnitt_center;
    schicht2.style.pixelLeft = x_ausschnitt_center; 	 
    x_unten = bildschirmbreite - unten.style.pixelWidth - 35;
    unten.style.pixelLeft = x_unten;
    schicht2.style.pixelTop = kopf.style.pixelTop + kopf.style.pixelHeight;
    schicht1.style.pixelTop = kopf.style.pixelTop + kopf.style.pixelHeight;
    y_unten = kopf.style.pixelTop + kopf.style.pixelHeight + schicht1.style.pixelHeight;
    unten.style.pixelTop = y_unten;
  }
  else if (document.all)
  {
    if (welche==1)
    {
      schicht2.style.visibility = 'hidden';	
      schicht1.style.visibility = 'visible';
    }
    else
    {
      schicht1.style.visibility = 'hidden';
      schicht2.style.visibility = 'visible';
    }
    bildschirmbreite = document.body.offsetWidth;
    kopf.style.posWidth = Math.round(bildschirmbreite*0.97); // damit nicht zu klein ist    
    x_ausschnitt_center = Math.round((bildschirmbreite - breite_ausschnitt)/2); // Anfangswert
    if (x_ausschnitt_center<=0) x_ausschnitt_center = 20;
    schicht1.style.posLeft = x_ausschnitt_center;
    schicht2.style.posLeft = x_ausschnitt_center; 	 
    x_unten = bildschirmbreite - unten.offsetWidth - 35;
    unten.style.posLeft = x_unten;
    schicht2.style.posTop = kopf.style.posTop + kopf.offsetHeight;
    schicht1.style.posTop = kopf.style.posTop + kopf.offsetHeight;
    y_unten = kopf.style.posTop + kopf.offsetHeight + schicht1.style.posHeight;
    unten.style.posTop = y_unten;
  }
  else if (document.layers)
  {
    if (welche==1)
    {
      document.schicht2.visibility = 'hidden';
      document.schicht1.visibility = 'show';
    }
    else
    {
      document.schicht1.visibility = 'hidden';
      document.schicht2.visibility = 'show';
    }
    bildschirmbreite = window.innerWidth;	 
    x_ausschnitt_center = Math.round((bildschirmbreite - breite_ausschnitt)/2); // Anfangswert
    if (x_ausschnitt_center<=0) x_ausschnitt_center = 20;
    document.schicht2.pageX = x_ausschnitt_center;			
    document.schicht1.pageX = x_ausschnitt_center;
    x_unten = bildschirmbreite - document.unten.clip.width - 30;
    document.unten.pageX = x_unten;
    document.schicht2.pageY = document.kopf.pageY + document.kopf.clip.height;
    document.schicht1.pageY = document.kopf.pageY + document.kopf.clip.height;
    y_unten = document.kopf.pageY + document.kopf.clip.height + document.schicht1.clip.height;
    document.unten.pageY = y_unten;
  }
  else if (document.getElementById)
  {
    if (welche==1)
    {
      s2.style.visibility = 'hidden';
      s1.style.visibility = 'visible';
    }
    else
    {
      s1.style.visibility = 'hidden';
      s2.style.visibility = 'visible';
    }
    bildschirmbreite = window.innerWidth;
    ko.style.width = Math.round(bildschirmbreite*0.97); // damit nicht bis zum rechten Rand reicht    
    x_ausschnitt_center = Math.round((bildschirmbreite - breite_ausschnitt)/2); // Anfangswert
    if (x_ausschnitt_center<=0) x_ausschnitt_center = 20;
    s2.style.left = x_ausschnitt_center;			
    s1.style.left = x_ausschnitt_center;
    x_unten = bildschirmbreite - un.offsetWidth - 30;
    un.style.left = x_unten;
    s2.style.top = parseInt(ko.style.top) + ko.offsetHeight;
    s1.style.top = parseInt(ko.style.top) + ko.offsetHeight;
    y_unten = parseInt(ko.style.top) + ko.offsetHeight + s1.offsetHeight;
    un.style.top = y_unten;
  }
}

function wandern(p,m,n)
{
  if (p==1)
  {
    if (isOpera)
    {
      schicht1.style.pixelLeft += m;
      schicht1.style.pixelTop += n;
    }
    else if (document.all)
    {
      schicht1.style.posLeft += m;
      schicht1.style.posTop += n;
    }
    else if (document.layers) document.schicht1.moveBy(m,n);
    else if (document.getElementById)
    {
      s1.style.left = parseInt(s1.style.left) + m;
      s1.style.top  = parseInt(s1.style.top) + n;
    }
  }
  else
  {
    if (isOpera)
    {
      schicht2.style.pixelLeft += m;
      schicht2.style.pixelTop += n;
    }
    else if (document.all)
    {
      schicht2.style.posLeft += m;
      schicht2.style.posTop += n;
    }
    else if (document.layers) document.schicht2.moveBy(m,n);
    else if (document.getElementById)
    {
      s2.style.left = parseInt(s2.style.left) + m;
      s2.style.top  = parseInt(s2.style.top) + n;
    }
  }
}

function glide()
{
  if (umdrehen==0 && x_position > -breite_ausschnitt) { wandern(1,-schritt,0); x_position -= schritt; }
  else if (x_position < x_ausschnitt_center) 
  { 
    umdrehen = 1; 
    wandern(2,schritt,0); x_position += schritt; 
    zuruecksetzen1();
  }
  timer=setTimeout('glide()',5);
}

function glideinv()
{
  if (umdrehen==0 && x_position > -breite_ausschnitt) { wandern(2,-schritt,0); x_position -= schritt; }
  else if (x_position < x_ausschnitt_center) 
  { 
    umdrehen = 1; 
    wandern(1,schritt,0); x_position += schritt; 
    zuruecksetzen2();
  }
  timer=setTimeout('glideinv()',5);
}

function zuruecksetzen1()
{
  if (nureinmal==1)
  {
    welche = 2;
    if (isOpera)
    {
      schicht1.style.visibility = 'hidden';
      schicht1.style.pixelLeft = x_ausschnitt_center;
    }
    else if (document.all)
    {
      schicht1.style.visibility = 'hidden';
      schicht1.style.posLeft = x_ausschnitt_center;
    }
    else if (document.layers)
    {
      document.schicht1.visibility = 'hidden';
      document.schicht1.pageX = x_ausschnitt_center;
    }
    else if (document.getElementById)
    {
      s1.style.visibility = 'hidden';
      s1.style.left = x_ausschnitt_center;
    }
    nureinmal = 0;
  }
}

function zuruecksetzen2()
{
  if (nureinmal==1)
  {
    welche = 1;
    if (isOpera)
    {
      schicht2.style.visibility = 'hidden';
      schicht2.style.pixelLeft = x_ausschnitt_center;
    }
    else if (document.all)
    {
      schicht2.style.visibility = 'hidden';
      schicht2.style.posLeft = x_ausschnitt_center;
    }
    else if (document.layers)
    {
      document.schicht2.visibility = 'hidden';
      document.schicht2.pageX = x_ausschnitt_center;
    }
    else if (document.getElementById)
    {
      s2.style.visibility = 'hidden';
      s2.style.left = x_ausschnitt_center;
    }
    nureinmal = 0;
  }
}

function glidestart()
{
  x_position = x_ausschnitt_center; // Anfangswert für glide-Prozess
  nureinmal = 1;
  if (isOpera)
  {
    schicht2.style.pixelLeft = x_ausschnitt_center - // rechnerisch ermittelte Position des versteckten Elements
    schritt* Math.ceil((x_ausschnitt_center + breite_ausschnitt)/schritt);  // ist <= -breite_ausschnitt
    schicht1.style.visibility = 'visible';
    schicht2.style.visibility = 'visible';
  }
  else if (document.all)
  {
    schicht2.style.posLeft = x_ausschnitt_center - // rechnerisch ermittelte Position des versteckten Elements
    schritt* Math.ceil((x_ausschnitt_center + breite_ausschnitt)/schritt);  // ist <= -breite_ausschnitt
    schicht1.style.visibility = 'visible';
    schicht2.style.visibility = 'visible';
  }
  else if (document.layers)
  {
    document.schicht2.pageX = x_ausschnitt_center - // rechnerisch ermittelte Position des versteckten Elements
    schritt* Math.ceil((x_ausschnitt_center + breite_ausschnitt)/schritt);  // ist <= -breite_ausschnitt
    document.schicht1.visibility = 'show';
    document.schicht2.visibility = 'show';
  }
  else if (document.getElementById)
  {
    s2.style.left = x_ausschnitt_center - // rechnerisch ermittelte Position des versteckten Elements
    schritt* Math.ceil((x_ausschnitt_center + breite_ausschnitt)/schritt);  // ist <= -breite_ausschnitt
    s1.style.visibility = 'visible';
    s2.style.visibility = 'visible';
  }
  clearTimeout(timer);
  umdrehen=0;
  glide();
}

function glideinvstart()
{
  x_position = x_ausschnitt_center; // Anfangswert für glide-Prozess
  nureinmal = 1;
  if (isOpera)
  {
    schicht1.style.pixelLeft = x_ausschnitt_center - // rechnerisch ermittelte Position des versteckten Elements
    schritt* Math.ceil((x_ausschnitt_center + breite_ausschnitt)/schritt);  // ist <= -breite_ausschnitt   
    schicht1.style.visibility = 'visible';
    schicht2.style.visibility = 'visible';
  }
  else if (document.all)
  {
    schicht1.style.posLeft = x_ausschnitt_center - // rechnerisch ermittelte Position des versteckten Elements
    schritt* Math.ceil((x_ausschnitt_center + breite_ausschnitt)/schritt);  // ist <= -breite_ausschnitt   
    schicht1.style.visibility = 'visible';
    schicht2.style.visibility = 'visible';
  }
  else if (document.layers)
  {
    document.schicht1.pageX = x_ausschnitt_center - // rechnerisch ermittelte Position des versteckten Elements
    schritt* Math.ceil((x_ausschnitt_center + breite_ausschnitt)/schritt);  // ist <= -breite_ausschnitt
    document.schicht1.visibility = 'show';
    document.schicht2.visibility = 'show';
  }
  else if (document.getElementById)
  {
    s1.style.left = x_ausschnitt_center - // rechnerisch ermittelte Position des versteckten Elements
    schritt* Math.ceil((x_ausschnitt_center + breite_ausschnitt)/schritt);  // ist <= -breite_ausschnitt
    s1.style.visibility = 'visible';
    s2.style.visibility = 'visible';
  }
  clearTimeout(timer);
  umdrehen=0;
  glideinv();
}