/****************************************************************
"bretteleben.de JavaScript Slideshow" - Version 20090406
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-04-06
*****************************************************************/
//*****parameters to set*****
//into this array insert the paths of your pics.
var def_imges=new Array ();

def_imges[0] = '_bannerslides/bssg_epee3.jpg';
def_imges[1] = '_bannerslides/usg_foil7.jpg';
def_imges[2] = '_bannerslides/bob_foil3.jpg';
def_imges[3] = '_bannerslides/usg_foil3.jpg';
def_imges[4] = '_bannerslides/bob_epee1.jpg';
def_imges[5] = '_bannerslides/usg_foil.jpg';
def_imges[6] = '_bannerslides/usg_sabre.jpg';
def_imges[7] = '_bannerslides/usg_foil2.jpg';
def_imges[8] = '_bannerslides/bob_sabre1.jpg';
def_imges[9] = '_bannerslides/usg_foil4.jpg';
def_imges[10] = '_bannerslides/usg_foil5.jpg';
def_imges[11] = '_bannerslides/usg_foil6.jpg';
// more as needed....

var def_divid="slideshow"; //the id of the div container that will hold the slideshow

var def_picwid=360; //set this to the width of your widest pic

var def_pichei=216; //... and this to the height of your tallest pic

var def_backgr="#eeeeee"; //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=5; //time to show a pic between fades in seconds

var def_fdur=1; //duration of the complete fade in seconds

var def_steps=20; //steps to fade from one pic to the next

var def_shuffle="n"; //start with random image? set it to "y" for on and to "n" for off
//****************************************************************

//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_shuffle){

//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 shuffle=(be_shuffle)?be_shuffle:def_shuffle;
			shuffle=(shuffle.toLowerCase()=="y")?1:0;
	var ftim=fdur*1000/steps;
	var stim=sdur*1000;
	var emax=imges.length;
	var self = this;
	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){var i;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);
    		}
 		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;
		this.b_slidenow();
	}


//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
			mytimeout=setTimeout(function(){self.b_slidenow();},ftim);
		}
		else{ //slide finished
			ptofade.style.visibility="hidden";
			ptofade.style.zIndex=1;
			pnext.style.zIndex=2;

			if(startim<emax){
				startim=startim+1;u=0;
			}
			else{
				startim=1;u=0;
			}
			mytimeout=setTimeout(function(){self.b_slide();},stim);
		}
	}


//insert css and images
	this.b_insert= function(){
		var b, thestylid, thez, thevis;
		var myhtml="<div style='width:"+picwid+"px;height:"+pichei+"px;'>";
   			myhtml+="<div style='position:relative;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>";
   			myhtml+="</div>";
		document.getElementById(divid).innerHTML=myhtml;
		self.b_myfade();
	}
//call autostart-function
daisychain(this.b_insert);
	
}

var be_0= new be_slideshow();