/**********************Variablen********************/
bilder = new Array();
preloadlist = new Array();
var c=0;
var s;
var t;
var u;
var v;

/*********************Einstellungen****************/

var  TimeToFade = 1300.0;                          //Geschwindigkeit mit der das Bild Verschwindet
var  TimeToChange = 6000.0;                        //Abstand zwischen Bildwechsel
var ubergang = 1;                                  //wie stark der Übergang ist. 0 - kein Übergang, 1 voll aus- einblenden

/* Bilder welche gebraucht werden, können beliebig angefügt oder  */
/* gelöscht werden. fortlaufende Nummerierung behalten. Start: 0  */


var jetzt = new Date();
var Jahresmonat = jetzt.getMonth();
var Tag = jetzt.getDate();

bilder[0]="http://www.hikeandsleep.ch/bilder/kopf/bnb/bnb_hotel.jpg";
if (Jahresmonat == 11 || Jahresmonat < 2  || (Jahresmonat == 3 && Tag < 10) )
   {
      bilder[1]="http://www.hikeandsleep.ch/bilder/kopf/bnb/bnb_igwi.jpg";                       
   }
   else
   {
      bilder[1]="http://www.hikeandsleep.ch/bilder/kopf/bnb/bnb_igso.jpg";
   }  
bilder[2]="http://www.hikeandsleep.ch/bilder/kopf/bnb/bnb_reception.jpg";    
bilder[3]="http://www.hikeandsleep.ch/bilder/kopf/bnb/bnb_pd1.jpg";
bilder[4]="http://www.hikeandsleep.ch/bilder/kopf/bnb/bnb_solbad.jpg";      
bilder[5]="http://www.hikeandsleep.ch/bilder/kopf/bnb/bnb_pd2.jpg";
  
/****************Einstellungen Ende*****************/


function fade(eid)
{
  var element = document.getElementById(eid);
  if(element == null)
    return;

  if(element.FadeState == null)
  {
    if(element.style.opacity == null
        || element.style.opacity == ''
        || element.style.opacity == '1')
    {
      element.FadeState = 2;
    }
    else
    {
      element.FadeState = -2;
    }
  }

  if(element.FadeState == 1 || element.FadeState == -1)
  {
    element.FadeState = element.FadeState == 1 ? -1 : 1;
    element.FadeTimeLeft = TimeToFade - element.FadeTimeLeft;
  }
  else
  {
    element.FadeState = element.FadeState == 2 ? -1 : 1;
    element.FadeTimeLeft = TimeToFade;
    setTimeout("animateFade(" + new Date().getTime() + ",'" + eid + "')", 33);
  }
}

function  animateFade(lastTick, eid)
{
  var curTick = new Date().getTime();
  var elapsedTicks = curTick - lastTick;

  var element = document.getElementById(eid);

  if(element.FadeTimeLeft <= elapsedTicks)
  {
    element.style.opacity = element.FadeState == 1 ? '1' : '0';
    element.style.filter = 'alpha(opacity = '
        + (element.FadeState == 1 ? '100' : '0') + ')';
    element.FadeState = element.FadeState == 1 ? 2 : -2;
    return;
  }

  element.FadeTimeLeft -= elapsedTicks;
  var newOpVal = element.FadeTimeLeft/TimeToFade;
  if(element.FadeState == 1)
    newOpVal = 1 - newOpVal;

  element.style.opacity = newOpVal;
  element.style.filter = 'alpha(opacity = ' + (newOpVal*100) + ')';

  setTimeout("animateFade(" + curTick + ",'" + eid + "')", 33);
}

function preload()
{
          for(var i=0; i<bilder.length; i++)
          {
               document.write('<img style="width:0px; height:0px; visibility:hidden" height="10" width="10" src="'+bilder[i]+'">');
          }
}

function changeBackground()
{
u=c%bilder.length;
if(u==(bilder.length)){
  u=0;
 }
 
document.getElementById('backgroundchange').style.backgroundImage= 'url('+bilder[u]+')';
}

function photoGallery()
{
u=c%bilder.length;

document.getElementById('photo-gallery').src = bilder[u];

if(c>0){
  fade('photo-gallery');
}

c=c+1
t=setTimeout("fade('photo-gallery')",TimeToChange-(TimeToFade*ubergang));
v=setTimeout("changeBackground()", TimeToChange+(TimeToFade*ubergang));
s=setTimeout("photoGallery()",TimeToChange);
}