var start = null;
var dateiendung = ".gif" 
var datenseminar = "./seminar/seminar" 
var datenoffice = "./office/office" 
var datenboss = "./boss/boss" 
var datenchef = "./boss/chef" 
var xAnzahl = 24; 
var yAnzahl = 22;
var zAnzahl = 18;
var xDurchlauf = xAnzahl - 1;
var yDurchlauf = yAnzahl - 1;
var zDurchlauf = zAnzahl - 1;

var xCounter=-1;  
var yCounter=-1;
var zCounter=-1;
var imgSeminar = new Array(xDurchlauf);
var imgOffice = new Array(yDurchlauf);
var imgBoss = new Array(zDurchlauf);

var defaultImageF1 = "./images/seminartitle.gif";
var defaultImageF2 = "./images/officetitle.gif";
var defaultImageF3 = "./images/bosstitle.gif";

function initPage() {
  LadeInfo();
  preLoad();
  dateSlide();
}

function LadeInfo() {
  if (document.getElementById) {
    document.getElementById('worgl_start').style.visibility = 'hidden';
  } else if (document.layers) { 
    document.hidepage.visibility = 'hidden';
  } else { 
    document.all.hidepage.style.visibility = 'hidden';
  }
  
  if (document.getElementById) {   
    document.getElementById('outer').style.visibility = 'inherit';
  } else if (document.layers) { 
    document.hidepage.visibility = 'inherit';
  } else { 
    document.all.hidepage.style.visibility = 'inherit';
  }   
}


function preLoad() {
  if(document.images)
  {
     for(i = 1; i <= xAnzahl; i++)
  	  {
       imgSeminar[i] = new Image();
       if(i < 10) {
         imgSeminar[i].src = datenseminar + "0" + i + dateiendung;
        }else{ 
       imgSeminar[i].src = datenseminar + i + dateiendung;
  			}
  	
       imgOffice[i] = new Image();
       if(i < 10) {
         imgOffice[i].src = datenoffice + "0" + i + dateiendung;
        }else{ 
       imgOffice[i].src = datenoffice + i + dateiendung;
  			}
  			
  	 imgBoss[i] = new Image();
       if(i < 10) {
         imgBoss[i].src = datenboss + "0" + i + dateiendung;
        }else{ 
       imgBoss[i].src = datenboss + i + dateiendung;
  			}
  	
  	}
  }
}


function seminarslide() {
  if (document.form1.stShow.disabled == true) {
    xCounter++;
    if (xCounter==0) setTimeout ("seminarslide()",1000);
    else if (xCounter >0 && xCounter <= 8) {
          document.images['startimgF1'].src=imgSeminar[xCounter].src;
          setTimeout ("seminarslide()",100);
          }
    else if (xCounter >8 && xCounter <= 16) {
          document.images['startimgF1'].src=imgSeminar[xCounter].src;
          start = setTimeout ("seminarslide()",3000);
          document.form1.spShow.style.visibility = 'inherit';
          document.form1.stShow.style.visibility = 'inherit';
          document.form1.tzShow.style.visibility = 'inherit';
          }
    else if (xCounter >16 && xCounter <= xAnzahl) {
          document.images['startimgF1'].src=imgSeminar[xCounter].src;
          start = setTimeout ("seminarslide()",100);
          document.form1.spShow.style.visibility = 'hidden';
          document.form1.stShow.style.visibility = 'hidden';
          document.form1.tzShow.style.visibility = 'hidden';
          }        
        
    else if (xCounter > xAnzahl) { // hier soll die Funktion enden und das Startbild in der html aktiv werden
          document.getElementById("seminarstart").src = defaultImageF1;
          stopSlide(document.form1);
          xCounter = -1;
          return;
          }
  }
}

function officeslide() {
   if (document.form2.stShow.disabled == true) {
    yCounter++;
    if (yCounter==0) setTimeout ("officeslide()",1000);
    else if (yCounter > 0 && yCounter <= 8) {
          document.images['startimgF2'].src=imgOffice[yCounter].src;
          setTimeout ("officeslide()",100);
          }
    else if (yCounter > 8 && yCounter <= 14) {
          document.images['startimgF2'].src=imgOffice[yCounter].src;
          start = setTimeout ("officeslide()",3500);
          document.form2.spShow.style.visibility = 'inherit';
          document.form2.stShow.style.visibility = 'inherit';
          document.form2.tzShow.style.visibility = 'inherit';
          }
    else if (yCounter >14 && yCounter <= yAnzahl) {
          document.images['startimgF2'].src=imgOffice[yCounter].src;
          start = setTimeout ("officeslide()",100);
          document.form2.spShow.style.visibility = 'hidden';
          document.form2.stShow.style.visibility = 'hidden';
          document.form2.tzShow.style.visibility = 'hidden';
          }        
        
    else if (yCounter > yAnzahl) { // hier soll die Funktion enden und das Startbild in der html aktiv werden
          document.getElementById("officestart").src = defaultImageF2;
          stopSlide(document.form2);
          yCounter = -1;
          return;
          }
  }
}

function bossslide() {
    zCounter++;
    if (zCounter==0) {
      setTimeout ("bossslide()",1000);
    } else if (zCounter >0 && zCounter <= 9) {
      document.images['startimgF3'].src=imgBoss[zCounter].src;
      setTimeout ("bossslide()",100);
    } else if  (zCounter >9 && zCounter <= 10) {
      document.images['startimgF3'].src=imgBoss[zCounter].src;
      start = setTimeout ("bossslide()",4000);
    } else if  (zCounter >10 && zCounter <= zAnzahl) {
      document.images['startimgF3'].src=imgBoss[zCounter].src;
      start = setTimeout ("bossslide()",100);
    } else if (zCounter > zAnzahl) { 
      document.getElementById("bossstart").src = defaultImageF3;
      zCounter = -1;
      return;
    }
  
}

function slideF1()
{
   document.form1.stShow.disabled = true;
   document.form1.spShow.disabled = false;
   document.form1.tzShow.disabled = false;
   seminarslide();
}

function slideF2()
{
   document.form2.stShow.disabled = true;
   document.form2.spShow.disabled = false;
   document.form2.tzShow.disabled = false;
   officeslide();
}

function stopSlide()
{
   document.form1.stShow.disabled = false;
   document.form2.stShow.disabled = false;
   document.form1.spShow.disabled = true;
   document.form2.spShow.disabled = true;
   document.form1.tzShow.disabled = true;
   document.form2.tzShow.disabled = true;
}

function closeDoorF1(){
  seminarslide(xCounter = 17); 
}

function closeDoorF2(){
  officeslide(yCounter = 15); 
}

function handleImageClickF1() {
  if (document.form1.stShow.disabled == true) {
    stopSlide();
    seminarslide();
  } else {
    slideF1();
  }
}

function handleImageClickF2() {
  if (document.form2.stShow.disabled == true) {
    stopSlide();
    officeslide();
  } else {
    slideF2();
  }
} 

function slideF3(){
  bossslide();
}
 
var interval = 15;
var now = new Date();
var minutes = now.getMinutes();
var imageIndex = Math.ceil(minutes / interval);

function dateSlide() {
  document.getElementById("chefImage").src = datenchef + "0" + imageIndex + dateiendung;
}