// ********************************************************
  // Programmed by Paul Knecht in 2011 / 2012
  // Don't copy without permission!
  // ********************************************************
  // ********************************************************
  // Globale Variablen
  // ********************************************************
  var timerNav;
  var navElement;
  var timerFader;
  var timerLoading;
  var timerIntro;  
  var timerMove;
  var cWidth;
    
  // ********************************************************
  // Ausblenden der Bilder hinter dem Text
  // ********************************************************
  function viewText(add) {
    if(timerFader)
      clearTimeout(timerFader);
    
    var time = 30;
    count = add*10;

    object = document.getElementById('content').style;
    opacv = (object.opacity*100)+count; 
    object.opacity = (opacv / 100); 
    object.MozOpacity = (opacv / 100); 
    object.KhtmlOpacity = (opacv / 100); 
    object.filter = "progid:DXImageTransform.Microsoft.Alpha(opacity=" + opacv + ")";
    if(opacv == 10) object.visibility = 'visible';
    else if(opacv == 0) object.visibility = 'hidden';
    
    countText = add*7;

    objectText = document.getElementById('text').style;
    opacvText = (objectText.opacity*100)-countText; 
    objectText.opacity = (opacvText / 100); 
    objectText.MozOpacity = (opacvText / 100); 
    objectText.KhtmlOpacity = (opacvText / 100); 
    
    if(opacv != 100 && opacv > 10)
      timerFader = setTimeout("viewText('"+add+"')", time);



  }
  
  
  // ********************************************************
  // Navigation aufzuklappen    
  // ********************************************************
  function openNav(element, i) {

    if(timerNav) { clearTimeout(timerNav); }
    if(element)  { var i = 0; navElement = element; }

    var time = 150;
    ulNav = document.getElementById('nav').getElementsByTagName('ul')[0];

    // Alle ausblenden, bis auf den aktiven Zweig
    for(var j=0; j<ulNav.getElementsByTagName('ul').length; j++) {
      if(ulNav.getElementsByTagName('ul')[j].parentNode != navElement) {
        ulNav.getElementsByTagName('ul')[j].style.display = 'none';
        for(var k=0; k<ulNav.getElementsByTagName('ul')[j].getElementsByTagName('li').length; k++)
          ulNav.getElementsByTagName('ul')[j].getElementsByTagName('li')[k].style.display = 'none';
      } else
        navElement.getElementsByTagName('ul')[0].style.display = 'block';
    }
    
    // Einblenden eines Zweiges im aktiven Punkt
    navElement.getElementsByTagName('li')[i].style.display='block';

    i++;
    if(i<navElement.getElementsByTagName('li').length)
      timerNav = setTimeout("openNav('', "+i+")", time);

  }
  

  // ********************************************************
  // Breite der Bildleiste zu bestimmen
  // ********************************************************
  function contentWidth() {
    cWidth=0;
    
    for(var i=0; i<document.getElementById('content').getElementsByTagName('img').length; i++) {
      imgWidth = parseInt(document.getElementById('content').getElementsByTagName('img')[i].offsetWidth);
      cWidth = cWidth+imgWidth;
    }
    
    document.getElementById('content').style.minWidth = ((document.getElementById('content').getElementsByTagName('img').length)*28)+cWidth+'px'
  }
  

  // ********************************************************
  // Animation auf der Startseite
  // ********************************************************
  function aniStart() {
    timerIntro = setTimeout("fadeLoading()", 500);    
    document.getElementById('impressum').style.display = 'none';
    document.getElementById('nav').style.display = 'none';
    document.getElementById('lang').style.display = 'none';
    document.getElementById('logo').style.display = 'none';
    document.getElementById('text').style.display = 'none';
    scrollTo(0,0);
    cWidth = 0;
    
    cWidth = document.getElementById('blank').offsetWidth-900;

    document.getElementById('content').style.width = cWidth+1300+'px';
    document.getElementById('blank').style.display='none';
  }
  
  function fadeLoading() {
    var time = 60;
    count = -10;

    object = document.getElementById('loading').style;
    opacv = (object.opacity*100)+count; 
    object.opacity = (opacv / 100); 
    object.MozOpacity = (opacv / 100); 
    object.KhtmlOpacity = (opacv / 100); 
    object.filter = "alpha(opacity=" + opacv + ")";
    var distanceToGo = parseInt(document.getElementById('content').getElementsByTagName('img')[1].offsetWidth)+80;
    if(opacv >= 10) { timerLoading = setTimeout("fadeLoading()", time); }
               else { document.getElementById('loading').style.display = 'none'; intro(distanceToGo, 1); }    
  }

  
  function intro(distance, faktorX) {

    // Eigene Position ermitteln
	if(window.pageYOffset == undefined && isIE7 == false) {
      var posX = document.body.scrollLeft;
      var posY = document.body.scrollTop;
	} else if(isIE7 == true) {
      var posX = document.documentElement.scrollLeft;
      var posY = document.documentElement.scrollTop;
    } else {
      var posX = window.pageXOffset;
      var posY = window.pageYOffset;
	}

    if(cWidth > posX+distance) {
      scrollTo(parseInt(posX+(distance*faktorX)), posY);
      timerMove = setTimeout("intro("+distance+","+faktorX+")", 100);
    } else {
      document.getElementById('animation').innerHTML = '';
      scrollTo(0, posY);
      navLogo();
    }
  }
  
  function navLogo() {
    document.getElementById('impressum').style.display = 'block';
    document.getElementById('nav').style.display = 'block';
    document.getElementById('lang').style.display = 'block';
    document.getElementById('logo').style.display = 'block';    
    document.getElementById('text').style.display = 'block';
    document.getElementById('content').innerHTML = '<img src="img/e/schrank/54.jpg" alt="" />';

  }
  
  function goLeft(oldPosX) {

    clearTimeout(timerMove);
    
    var distance = 30;
    
    // Eigene Position ermitteln
	if(window.pageYOffset == undefined && isIE7 == false) {
      var posX = document.body.scrollLeft;
      var posY = document.body.scrollTop;
	} else if(isIE7 == true) {
      var posX = document.documentElement.scrollLeft;
      var posY = document.documentElement.scrollTop;
    } else {
      var posX = window.pageXOffset;
      var posY = window.pageYOffset;
	}
    
    if(posX != oldPosX) {
      scrollTo(parseInt(posX+distance), posY);
      timerMove = setTimeout("goLeft("+posX+")", 10);
    }
  }
  
  function stopGo() {
    clearTimeout(timerMove);

  }