/****************************************************************
"bretteleben.de JavaScript Slideshow" - Version 20090301
License: http://www.gnu.org/copyleft/gpl.html
Author: Andreas Berger
Copyright (c) 2009 Andreas Berger - andreas_berger@bretteleben.de
Project page and Demo at http://www.bretteleben.de
Last update: 2009-03-01
*****************************************************************/
//*****parameters to set*****
//into this array insert the paths of your pics.
//*****parameters to set*****

var def_imges=new Array ('images/F02.jpg', 'images/F03.jpg', 'images/F04.jpg', 'images/F01.jpg');
    //In this array, set the pictures you want the slideshow to display.

var def_divid="slideshow";
    //The IDENTITY of the DIV-Containers,
    //we created to hold the slideshow

var def_picwid=580;
    //The width of the widest picture in pixel.
    //Notice: The script does not scale your pictures!

var def_pichei=200;
    //The height of the highest picture in pixel.
    //Notice: The script does not scale your pictures!

var def_backgr="#ffffff";
    //The background-color of the slideshow. It is of importance
    //if you have pictures in your set, that do not fit the values
    //set above for width and height.

var def_sdur=3;
    //The time, a picture is shown between two transitions in seconds.

var def_fdur=1;
    //The time the transition should take

var def_steps=20;
    //The number of steps to blend from 0-100.
    //A value between 1-100, the higher the value
    // the smoother the transition.

var def_startwhen="y";
    //Should the slideshow start automatically?
    //"y" for Yes, "n" for No

var def_shuffle="y";
    //Should we start with a random picture?
    //"y" for Yes, "n" for No

var def_showcontr="n";
    //Should we show control-elements?
    //"y" for Yes, "n" for No

var def_contr=new Array('BACK','START','STOP','FWD');
    //if you show control elements, you may choose between textlinks
    //and buttons. Into this array therefor insert either the text
    //you want to be displayed or the path to the image you want to
    //be used. If the script finds either .jpg or .gif or .png as the
    //ending of your input, it will display the image automatically.
    //The sort order of the elements displayed and therefor within this
    //array is: BACK - START - STOP - FWD

//****************************************************************

//daisychain onload-events
function daisychain(sl){if(window.onload) {var ld=window.onload;window.onload=function(){ld();sl();};}else{window.onload=function(){sl();};}}

function be_slideshow(be_slideid,be_imges,be_divid,be_picwid,be_pichei,be_backgr,be_sdur,be_fdur,be_steps,be_startwhen,be_shuffle,be_showcontr,be_contr){

//declarations and defaults
   var slideid=(be_slideid)?be_slideid:"0";
   var imges=(be_imges)?be_imges:def_imges;
   var divid=(be_divid)?be_divid:def_divid;
   var picwid=(be_picwid)?be_picwid:def_picwid;
   var pichei=(be_pichei)?be_pichei:def_pichei;
   var backgr=(be_backgr)?be_backgr:def_backgr;
   var sdur=(be_sdur)?be_sdur:def_sdur;
   var fdur=(be_fdur)?be_fdur:def_fdur;
   var steps=(be_steps)?be_steps:def_steps;
   var startwhen=(be_startwhen)?be_startwhen:def_startwhen;
         startwhen=(startwhen.toLowerCase()=="y")?1:0;
   var shuffle=(be_shuffle)?be_shuffle:def_shuffle;
         shuffle=(shuffle.toLowerCase()=="y")?1:0;
   var showcontr=(be_showcontr)?be_showcontr:def_showcontr;
         showcontr=(showcontr.toLowerCase()=="y")?1:0;
   var contr=(be_contr)?be_contr:def_contr;
   var ftim=fdur*1000/steps;
   var stim=sdur*1000;
   var emax=imges.length;
   var self = this;
   var stopit=1;
   var startim=1;
   var u=0;
   var parr = new Array();
   var ptofade,pnext,factor,mytimeout;
//check if there are at least 3 pictures, elswhere double the array
   if(imges.length<=2){imges=imges.concat(imges);}
//shuffle images if set
  if(shuffle){for(i=0;i<=Math.floor(Math.random()*imges.length);i++){imges.push(imges.shift());}}
  
//push images into array and get things going
   this.b_myfade = function(){
      var a,idakt,paktidakt,ie5exep;
      for(a=1;a<=emax;a++){
         idakt="img_"+slideid+"_"+a;paktidakt=document.getElementById(idakt);
      ie5exep=new Array(paktidakt);parr=parr.concat(ie5exep);
    }
      if(startwhen){
         stopit=0;
         mytimeout=setTimeout(function(){self.b_slide();},stim);
      }
   }

//prepare current and next and trigger slide
   this.b_slide = function(){
      clearTimeout(mytimeout);
      u=0;
      ptofade=parr[startim-1];
      if(startim<emax){pnext=parr[startim];}
      else{pnext=parr[0];}
      pnext.style.zIndex=1;
      pnext.style.visibility="visible";
      pnext.style.filter="Alpha(Opacity=100)";
      pnext.style.MozOpacity=1;
      pnext.style.opacity=1;
      ptofade.style.zIndex=2;
      ptofade.style.visibility="visible";
      ptofade.style.filter="Alpha(Opacity=100)";
      ptofade.style.MozOpacity=1;
      ptofade.style.opacity=1;
      factor=100/steps;
      if(stopit=="0"){
         this.b_slidenow();
      }
   }

//one step forward
   this.b_forw = function(){
      stopit=1;
      clearTimeout(mytimeout);
      ptofade=parr[startim-1];
      if(startim<emax){pnext=parr[startim];startim=startim+1;}
      else{pnext=parr[0];startim=1;}
      ptofade.style.visibility="hidden";
      ptofade.style.zIndex=1;
      pnext.style.visibility="visible";
      pnext.style.zIndex=2;
      self.b_slide();
   }

//one step back
   this.b_back = function(){
      stopit=1;
      clearTimeout(mytimeout);
      if(u==0){ //between two slides
         ptofade=parr[startim-1];
         if(startim<emax){pnext=parr[startim];}
         else{pnext=parr[0];}
         pnext.style.visibility="hidden";
         ptofade.style.zIndex=1;
         ptofade.style.visibility="visible";
         if(startim>=2){startim=startim-1;}
         else{startim=emax;}
         self.b_slide();
      }
      else{ //whilst sliding
         self.b_slide();
      }
   }

//slide as said, then give back
   this.b_slidenow = function(){
      var check1,maxalpha,curralpha;
      check1=ptofade.style.MozOpacity;
      maxalpha=(100-factor*u)/100*105;
      if(check1<=maxalpha/100){u=u+1;}
      curralpha=100-factor*u;
      ptofade.style.filter="Alpha(Opacity="+curralpha+")";
      ptofade.style.MozOpacity=curralpha/100;
      ptofade.style.opacity=curralpha/100;
      if(u<steps){ //slide not finished
         if(stopit=="0"){mytimeout=setTimeout(function(){self.b_slidenow();},ftim);}
         else {this.b_slide();}
      }
      else{ //slide finished
         if(startim<emax){
            ptofade.style.visibility="hidden";
            ptofade.style.zIndex=1;
            pnext.style.zIndex=2;
            startim=startim+1;u=0;
            mytimeout=setTimeout(function(){self.b_slide();},stim);
         }
         else{
            ptofade.style.visibility="hidden";
            ptofade.style.zIndex=1;
            pnext.style.zIndex=2;
            startim=1;u=0;
            mytimeout=setTimeout(function(){self.b_slide();},stim);
         }
      }
   }

//manual start
   this.b_start= function(){
      if(stopit==1){
         stopit=0;
         mytimeout=setTimeout(function(){self.b_slide();},stim);
      }
   }

//manual stop
   this.b_stop= function(){
      clearTimeout(mytimeout);
      stopit=1;
      this.b_slide();
   }

//insert css and images
   this.b_insert= function(){
      var b, thestylid, thez, thevis, slidehei;
      slidehei=(showcontr)?(pichei+25):(pichei); //add space for the controls
      var myhtml="<div style='width:"+picwid+"px;height:"+slidehei+"px;'>";
            myhtml+="<div style='position:absolute;width:"+picwid+"px;height:"+pichei+"px;'>";
      for(b=1;b<=emax;b++){
         thez=1;thevis='hidden';
         if(b<=1) {thez=2; thevis='visible';}
           myhtml+="<div id='img_"+slideid+"_"+b+"' style='font-size:0;line-height:"+pichei+"px;margin:0;padding:0;text-align:center;visibility:"+thevis+";z-index:"+thez+";position:absolute;left:0;top:0;width:"+picwid+"px;height:"+pichei+"px;background-color:"+backgr+";'>";
            myhtml+="<img src='"+imges[(b-1)]+"' style='vertical-align:middle;border:0;' alt=''/></div>";
      }
            myhtml+="</div>";
//show controls
      if(showcontr){
            for(b=1;b<=4;b++){
               var check=contr[b-1].substring(contr[b-1].length-3).toLowerCase(); //check for buttons
               contr[b-1]=(check=="jpg"||check=="gif"||check=="png")?("<img src='"+contr[b-1]+"' style='border:none;' alt=''/>"):(contr[b-1]);
            }
            myhtml+="<div style='display:block;width:"+picwid+"px;padding-top:"+(pichei+3)+"px;text-align:right;'>";
            myhtml+="<a href='javascript:be_"+slideid+".b_back();' style='text-decoration:none'>"+contr[0]+"</a>&nbsp;";
            myhtml+="<a href='javascript:be_"+slideid+".b_start();' style='text-decoration:none'>"+contr[1]+"</a>&nbsp;";
            myhtml+="<a href='javascript:be_"+slideid+".b_stop();' style='text-decoration:none'>"+contr[2]+"</a>&nbsp;";
            myhtml+="<a href='javascript:be_"+slideid+".b_forw();' style='text-decoration:none'>"+contr[3]+"</a>";
      }
            myhtml+="</div>";
      document.getElementById(divid).innerHTML=myhtml;
      self.b_myfade();
   }

//call autostart-function
daisychain(this.b_insert);
   
}

var be_0= new be_slideshow();