/**
"bretteleben.de JavaScript Slideshow" - Version 20100412
Last update: 2010-04-12
License: http://www.gnu.org/copyleft/gpl.html
Author: Andreas Berger (c) 2010 Andreas Berger - andreas_berger@bretteleben.de
Project page and Demo at http://www.bretteleben.de
**/
if (isUndefined(def_imges)) var def_imges=new Array ('yacht-boat-tours.jpg','boat-rental-thailand.jpg','ang-thong-boat-tour.jpg','charter-yacht-tours.jpg','boat-renting-thailand.jpg','yacht-boat-rental.jpg','boat-tours-gulf-thailand.jpg','sunset-boat-tours-samui.jpg');
if (isUndefined(def_shuffle)) var def_shuffle=1;
if (isUndefined(imgpath)) var imgpath="/photos/";
if (isUndefined(imgalt)) var imgalt="Boat Rental in the Gulf of Thailand";

function isUndefined (variable) {return (typeof(variable)=="undefined")?true:false;}

function be_slideshow(be_slideid){
//declarations and defaults
	var slideid=(be_slideid)?be_slideid:"0";
	var imges=def_imges;
	var divid="slideshow"; // id of the div container that will hold the slideshow
	var picwid=600; //set this to the width of your widest pic
	var pichei=253; //and this to the height of your highest pic
	var 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 sdur=3;// time in [s] to show a pic between fades
	var fdur=1; //duration in [s] of the complete fade
	var steps=20; //steps to fade from on pic to the next
	var startwhen=1;//start automatically at pageload? set it to 1 or 0
	var shuffle=def_shuffle;//start with random image? set it to 1 or 0
	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);}
//shift 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);
    }
		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)";
		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();
		}
	}

//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);
			}
		}
	}

//insert css and images
	this.b_insert= function(){
		var b, thestylid, thez, thevis, slidehei;
		slidehei=pichei;
		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='"+imgpath+imges[(b-1)]+"' style='vertical-align:middle;border:0;' alt='"+imgalt+"' title='"+imgalt+"' /></div>";
		}
   		myhtml+="</div></div>";
		var e = document.getElementById(divid);
		if (e) e.innerHTML=myhtml;
		self.b_myfade();
	}

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

var be_0= new be_slideshow();