var hoehe = 0;
if (self.innerHeight)
  { hoehe = self.innerHeight; }
else if (document.documentElement && document.documentElement.clientHeight)
  { hoehe = document.documentElement.clientHeight; }
else if (document.body)
  { hoehe = document.body.clientHeight; }

var breite = 0;
if (self.innerWidth)
  { breite = self.innerWidth; }
else if (document.documentElement && document.documentElement.clientWidth)
  { breite = document.documentElement.clientWidth; }
else if (document.body)
  { breite = document.body.clientWidth; }

if ((hoehe>770) && (breite>1032))
  {
   // alert("Innere Fensterhöhe: "+hoehe+" (d.h. >770).\nInnere Fensterbreite: "+breite+" (d.h. >1032).\n=>Das grosse Bild wird horizontal und vertikal zentriert.");
   document.write("<style type='text/css'>");
   document.write(" div#rahmenbox { width:1030px; position:absolute; top:50%; left:50%; margin-top:-365px; margin-left:-515px; /*border:1px dotted red;*/ } ");
   document.write(" #imageContainer { width:1030px; height:690px; }");
   document.write("<\/style>");
  }
else
  {
   if ((hoehe>620) && (breite>772))
     {
      // alert("Innere Fensterhöhe: "+hoehe+" (d.h. >620).\nInnere Fensterbreite: "+breite+" (d.h. >772).\n=>Das mittlere Bild wird horizontal und vertikal zentriert.");
      document.write("<style type='text/css'>");
      document.write(" div#rahmenbox { width:770px; position:absolute; top:50%; left:50%; margin-top:-312px; margin-left:-385px; /*border:1px dotted blue;*/ } ");
      document.write(" #imageContainer { width:770px; height:520px; }");
      document.write("<\/style>");
     }
   else
     {
      // alert("Innere Fensterhöhe: "+hoehe+" (d.h. <=600).\nInnere Fensterbreite: "+breite+" (d.h. <=772).\n=>Kleinste Variante. Das mittlere Bild wird in einer 770px breiten Box angezeigt.");
      document.write("<style type='text/css'>");
      document.write(" div#rahmenbox { width:770px; margin:2px auto; /*border:1px dotted green;*/ } ");
      document.write(" #imageContainer { width:770px; height:520px; }");
      document.write("<\/style>");
     }

   }


/*****

Image Cross Fade Redux
Version 1.0
Last revision: 02.15.2006
steve@slayeroffice.com

Please leave this notice intact.

Rewrite of old code found here:
http://slayeroffice.com/code/imageCrossFade/index.html

http://slayeroffice.com/code/imageCrossFade/xfade2.html

*****/


window.addEventListener?window.addEventListener("load",so_init,false):window.attachEvent("onload",so_init);

var d=document, imgs = new Array(), zInterval = null, current=0, pause=false;

function so_init() {
        if(!d.getElementById || !d.createElement)return;
        css = d.createElement("link");
        css.setAttribute("href","xfade2.css");
        css.setAttribute("rel","stylesheet");
        css.setAttribute("type","text/css");
        d.getElementsByTagName("head")[0].appendChild(css);

        imgs = d.getElementById("imageContainer").getElementsByTagName("img");
        for(i=1;i<imgs.length;i++) imgs[i].xOpacity = 0;
        imgs[0].style.display = "block";
        imgs[0].xOpacity = .99;

        setTimeout(so_xfade,9000);
}

function so_xfade() {
        cOpacity = imgs[current].xOpacity;
        nIndex = imgs[current+1]?current+1:0;

        nOpacity = imgs[nIndex].xOpacity;

        cOpacity-=.05;
        nOpacity+=.05;

        imgs[nIndex].style.display = "block";
        imgs[current].xOpacity = cOpacity;
        imgs[nIndex].xOpacity = nOpacity;

        setOpacity(imgs[current]);
        setOpacity(imgs[nIndex]);

        if(cOpacity<=0) {
                imgs[current].style.display = "none";
                current = nIndex;
                setTimeout(so_xfade,9000);
        } else {
                setTimeout(so_xfade,50);
        }

        function setOpacity(obj) {
                if(obj.xOpacity>.99) {
                        obj.xOpacity = .99;
                        return;
                }
                obj.style.opacity = obj.xOpacity;
                obj.style.MozOpacity = obj.xOpacity;
                obj.style.filter = "alpha(opacity=" + (obj.xOpacity*100) + ")";
        }

}