var Header =  {};

Header.loops = 1;
Header.interval = 5000;
Header.fadeIn = 15; //jo højere værdier, desto langsommere ud- og indtoning
Header.fadeOut = 10;
Header.timeline = -2000;

HeaderBgrImg = new Array(); 
HeaderBgrImg[1] = [];
HeaderBgrImg[1]["img"] = new Image();
HeaderBgrImg[1]["img"].src = STI_RODMAPPE + "css/grafik/header/header_1.jpg";
HeaderBgrImg[2] = [];
HeaderBgrImg[2]["img"] = new Image();
HeaderBgrImg[2]["img"].src = STI_RODMAPPE + "css/grafik/header/header_default.jpg";

Header.start = function() {
  Header.element = document.getElementById("main_header");
  Header.filter = document.getElementById("header_filter");
  for(var loop = 1; loop <= Header.loops; loop++) {
    for(var i = 1; i < HeaderBgrImg.length; i++) {
      Header.timeline = Header.timeline + (Header.interval*i);
      var toSrc = HeaderBgrImg[i]["img"].src;
      var opacity = 0;
      //fade ud
      if(Header.filter.filters) {
        for(var j = 0; j<=100; j++) {
          opacity = j;
          setTimeout("Header.filter.filters.alpha.opacity = " + opacity, Header.timeline + j*Header.fadeIn);
        }
      } else {
        for(var j = 0; j<=100; j++) {
          opacity = j/100;
          setTimeout("Header.filter.style.opacity = " + opacity, Header.timeline + j*Header.fadeIn);
        }
      }
      Header.timeline = Header.timeline - Header.fadeIn + j*Header.fadeIn;
      
      //skift baggrundsbillede
      setTimeout("Header.changeBgr('" + toSrc + "')", Header.timeline);
      
      //fade ind
      if(Header.filter.filters) {
        for(var j = 0; j<=100; j++) {
          opacity = 100-j;
          setTimeout("Header.filter.filters.alpha.opacity = " + opacity, Header.timeline + j*Header.fadeOut);
        }
      } else {
        for(var j = 0; j<=100; j++) {
          opacity = 1-(j/100);
          setTimeout("Header.filter.style.opacity = " + opacity, Header.timeline + j*Header.fadeOut);
        }
      }
      Header.timeline = Header.timeline + j*Header.fadeOut;
    }  
  }
};

Header.changeBgr = function(toSrc) {
  Header.element.style.backgroundImage = "url('" + toSrc + "')"
};