var text = new Array();
text[1] = "Der Gastraum mit gemühtlichem Kaminofen - Bild 1";
text[2] = "Der Gastraum mit gemühtlichem Kaminofen - Bild 2";
text[3] = "Weihnachtliche Stimmung - Bild 3";
text[4] = "Unsere Terrasse - Bild 4";
text[5] = "Unsere Terrasse mit Blick in die Ferne - Bild 5";
text[6] = "Unsere Terrasse mit Blick in die Ferne - Bild 6";
text[7] = "Unsere Terrasse - Bild 7";
text[8] = "Unsere Terrasse - Bild 8";
text[9] = "Unsere Terrasse mit Sonnenuntergang - Bild 9";

var weiter, zurueck, hoehe = 675, nummer, nr, bilderanzahl = 9;

var interv, aninr = 1;

function open_pic(nr) {
  
  weiter = nr + 1;
  zurueck = nr - 1;
  
  nummer = "?" + nr;
  
  window.open("bild_oeffnen.html"+nummer, "_Blank", "width=900,height=675,top=10,left=20,scrollbars=0,location=0,status=0");
}

function sw_pic(nr, check) {

  window.focus ();

  if (check) {
    switch (window.location.search) {
     case "?1" :
          nr = 1;
        break;
     case "?2" :
          nr = 2;
        break;
     case "?3" :
          nr = 3;
        break;
     case "?4" :
          nr = 4;
        break;
     case "?5" :
          nr = 5;
        break;
     case "?6" :
          nr = 6;
        break;
     case "?7" :
          nr = 7;
        break;
     case "?8" :
          nr = 8;
        break;
     case "?9" :
          nr = 9;
        break;
     default :
          nr = 1;
        break;
    }
  }

  weiter = nr + 1;
  zurueck = nr - 1;

  document.title = text[nr];
  
  document.getElementById('loading').style.visibility = "visible";
  document.getElementById('bild').style.visibility = "hidden";
  
  document.getElementById('bild').height = "675";
  
  interv = window.setInterval("anistart ()", 150);
  
  document.getElementById('bild').src = "bilder/fotos/gr"+nr+".jpg";

  if (nr != 1) document.getElementById('zur').innerHTML = "<a class='pic_nav' style='position: absolute; bottom: 10px; left: 10px;' href='#' onClick='sw_pic("+zurueck+");'>ein Bild zur&uuml;ck<\/a>";
  else document.getElementById('zur').innerHTML = "";
  if (nr != bilderanzahl) document.getElementById('weit').innerHTML = "<a class='pic_nav' style='position: absolute; bottom: 10px; right: 10px;' href='#' onClick='sw_pic("+weiter+");'>ein Bild vor<\/a>";
  else document.getElementById('weit').innerHTML = "";
}

function fertig() {
  document.getElementById('loading').style.visibility = "hidden";
  document.getElementById('bild').style.visibility = "visible";
  window.clearInterval(interv);
}

function anistart() {

  if (aninr == 1) {
    document.getElementById('ani').innerHTML = ".";
    aninr = 2;
  } else if (aninr == 2) {
    document.getElementById('ani').innerHTML = "..";
    aninr = 3;
  } else if (aninr == 3) {
    document.getElementById('ani').innerHTML = "...";
    aninr = 4;
  } else if (aninr == 4) {
    document.getElementById('ani').innerHTML = "....";
    aninr = 5;
  } else {
    document.getElementById('ani').innerHTML = ".....";
    aninr = 1;
  }
  
}