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

var def_divid="slideshow"; //the id of the div container that will hold the slideshow
//var def_picwid=952; //set this to the width of your widest pic
//var def_pichei=390; //... and this to the height of your highest pic
var def_picwid=948; //set this to the width of your widest pic
var def_pichei=383; //... and this to the height of your highest pic
var def_backgr=""; //set this to the background color you want to use for the slide-area
//(for example the body-background-color) if your pics are of different size
var def_sdur=3; //time to show a pic between fades in seconds
var def_fdur=1; //duration of the complete fade in seconds
var def_steps=30; //steps to fade from on pic to the next
var def_startwhen="y"; //start automatically at pageload? set it to "y" for on and to "n" for off
var def_shuffle="y"; //start with random image? set it to "y" for on and to "n" for off
var def_showcontr="y"; //do you want to show controls? set it to "y" for on and to "n" for off
//into this array insert the paths of your control-buttons or the text to display e.g. back,start,stop,fwrd.
var def_contr=new Array ('', 'images/btn_play.png', 'images/btn_pause.png', '');

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

//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 = "";
    try {
        imges = (be_imges) ? be_imges : def_imges;
    } catch (ex) { }
    
	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
try {
  if(shuffle){var i;for(i=0;i<=Math.floor(Math.random()*imges.length);i++){imges.push(imges.shift());}}
  }catch(ex){}
  
//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() {
	    try {
	        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)";
	        try { pnext.style.removeAttribute("filter"); } catch (err) { }
	        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();
	        }
	    } catch (ex)
		{ }
	}

//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; position:relative;'>";
	    myhtml += "<div style='position:absolute;width:" + picwid + "px;height:" + pichei + "px; left:0'>";
	    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 class='controls'>";
	        myhtml += "<a href='javascript:be_" + slideid + ".b_back();' style='text-decoration:none'>" + contr[0] + "</a>";
	        myhtml += "<a href='javascript:be_" + slideid + ".b_stop();' style='text-decoration:none;margin-right:8px;'>" + contr[2] + "</a>";
	        myhtml += "<a href='javascript:be_" + slideid + ".b_start();' style='text-decoration:none'>" + contr[1] + "</a>";
	        myhtml += "<a href='javascript:be_" + slideid + ".b_forw();' style='text-decoration:none'>" + contr[3] + "</a>";
	    }
	    myhtml += "</div>";
	    try {
	        document.getElementById(divid).innerHTML = myhtml;
	    } catch (ex) { }
	    self.b_myfade();
	}

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

var be_0= new be_slideshow();