var fade_percentage = 100;
        var fade;
        document.write('<div id="tempi"style="z-index:2;left:25%;width:50%;position:absolute;height:540px;background:#ddd;border:1px solid #aaa;"class="hid"onclick="closebi();">&nbsp;</div>');

        function showbi(objekt,e){

            var screen_width   = get_(true)/2;
            var screen_height  = get_(false)/2;
            var o              = document.getElementById("tempi");
            var y              = window.pageYOffset;
            o.style.top        = (y+(screen_height/2))+"px";
            o.innerHTML        = "<b>"+objekt.alt+"</b>   [X] Schliessen";
            o.style.background ="#efe url("+objekt.src+") center no-repeat";
            o.className        = "vis cursor";




        }
        function closebi(){

            var o= document.getElementById("tempi");
            o.className="hid";
        }


        function fadein(objekt){

             transparency(objekt,fade_percentage);
             fade_percentage -= 30;

             objekt.innerHTML = fade_percentage+"<b>"+objekt.alt+"</b>   [X] Schliessen";
             if(fade_percentage < 0) { window.clearInterval(fade); }
        }

        function get_mp(e,x_or_y){
        var x,y;
        if (document.all)
        {
            x = window.event.clientX;
            y = parseInt(document.body.scrollTop+window.event.clientY);
        }
        else
        {
            x = (e.pageX);
            y = (e.pageY);
        }
        return x*(x_or_y==true)+y*(x_or_y!=true);
        }//endfunction


        function get_(width_or_height){
        var x,y;
        if (self.innerHeight) // all except Explorer
        {
            x = self.innerWidth;
            y = self.innerHeight;
        }
        else if (document.documentElement && document.documentElement.clientHeight)
        // Explorer 6 Strict Mode
        {
            x = document.documentElement.clientWidth;
            y = document.documentElement.clientHeight;
        }
        else if (document.body) // other Explorers
        {
            x = document.body.clientWidth;
            y = document.body.clientHeight;
        }
        return x*(width_or_height==true)+y*(width_or_height!=true);
        }//endfunction

      

      var opa_step    = 2;
      var opa         = 10;
      var opa_dir     = 1*opa_step;
      var image_index = 0;


      function slide_show(){


           var ti = 40;

           transparency(document.getElementById("image_front"),opa);
           transparency(document.getElementById("image_back"),100-opa);
           opa = opa + opa_dir;

           if(opa>100){
              opa_dir = -opa_step;
              opa     = 100;
           }
           if(opa<  0){
              opa_dir = opa_step ;
              opa     = 0;
           }

           //Bild tauschen
           if(opa==0){
                document.getElementById("image_back").src =  "http://www.sievers-bau.de/gfx/referenzen/"+image_list[image_index];
                ti = 4000;
           }
           if((100-opa)==0){
                document.getElementById("image_front").src = "http://www.sievers-bau.de/gfx/referenzen/"+image_list[image_index];
                image_index += 1;
                image_index = image_index % image_list.length;
                ti = 4000;
           }
           // document.getElementById("textimage").innerHTML=opa;
           window.setTimeout("slide_show()", ti);
      }

      
            function transparency(element,percentage) {
               var i, count, objStyle, filterValue, opacityValue,obj;
               if(document.getElementById) {
               if(typeof(element)=="object" && element){
                  obj=element;
               }
               else if (document.getElementsByName(element) && document.getElementsByName(element)[0]){
                  obj=document.getElementsByName(element);
               }
               else if (document.getElementById(element)){
                  obj=document.getElementById(element);
               }
               else if (document.getElementsByTagName && document.getElementsByTagName(element) && document.getElementsByTagName(element)[0]){
                  obj=document.getElementsByTagName(element);
               }
               else{
                  obj=false;
               }

               if(obj){
                  percentage=(typeof(percentage)=="undefined")?50:100-percentage;
                  opacityValue=""+percentage/100;
                  count=(obj.length)?obj.length:1;
                  for(i=0;i<count;i++) {
                    objStyle=(obj.length)?obj[i].style:obj.style;
                    objStyle.opacity=opacityValue;
                  }//endfor
                }//endif(obj)

              }//endif(docid)
            }//endfunction