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

JavaScript Slideshow" - Version 20091007

License: http://www.jaggy.com

Last update: 2009-10-08

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

//*****parameters to set*****

//into this array insert the paths of your pics.

var def_imges=new Array ('/site_images/rugs01.jpg', '/site_images/wood01.jpg', '/site_images/vinyl01.jpg');

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

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

var def_pichei=486; //... and this to the height of your highest 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=3; //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 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="n"; //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 ('/site_images/bwd.png', '/site_images/start.png', '/site_images/stop.png', '/site_images/fwd.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 jaggy_slideshow(jaggy_slideid,jaggy_imges,jaggy_divid,jaggy_picwid,jaggy_pichei,jaggy_backgr,jaggy_sdur,jaggy_fdur,jaggy_steps,jaggy_startwhen,jaggy_shuffle,jaggy_showcontr,jaggy_contr){



//declarations and defaults

	var slideid=(jaggy_slideid)?jaggy_slideid:"0";

	var imges=(jaggy_imges)?jaggy_imges:def_imges;

	var divid=(jaggy_divid)?jaggy_divid:def_divid;

	var picwid=(jaggy_picwid)?jaggy_picwid:def_picwid;

	var pichei=(jaggy_pichei)?jaggy_pichei:def_pichei;

	var backgr=(jaggy_backgr)?jaggy_backgr:def_backgr;

	var sdur=(jaggy_sdur)?jaggy_sdur:def_sdur;

	var fdur=(jaggy_fdur)?jaggy_fdur:def_fdur;

	var steps=(jaggy_steps)?jaggy_steps:def_steps;

	var startwhen=(jaggy_startwhen)?jaggy_startwhen:def_startwhen;

			startwhen=(startwhen.toLowerCase()=="y")?1:0;

	var shuffle=(jaggy_shuffle)?jaggy_shuffle:def_shuffle;

			shuffle=(shuffle.toLowerCase()=="y")?1:0;

	var showcontr=(jaggy_showcontr)?jaggy_showcontr:def_showcontr;

			showcontr=(showcontr.toLowerCase()=="y")?1:0;

	var contr=(jaggy_contr)?jaggy_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:jaggy_"+slideid+".b_back();' style='text-decoration:none'>"+contr[0]+"</a>&nbsp;";

   			myhtml+="<a href='javascript:jaggy_"+slideid+".b_start();' style='text-decoration:none'>"+contr[1]+"</a>&nbsp;";

   			myhtml+="<a href='javascript:jaggy_"+slideid+".b_stop();' style='text-decoration:none'>"+contr[2]+"</a>&nbsp;";

   			myhtml+="<a href='javascript:jaggy_"+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);

	

}

tradpics=new Array ('/site_images/rugs01.jpg', '/site_images/rugs02.jpg', '/site_images/rugs03.jpg');

transpics=new Array ('/site_images/wood01.jpg', '/site_images/wood02.jpg', '/site_images/wood03.jpg');

modpics=new Array ('/site_images/vinyl01.jpg', '/site_images/vinyl02.jpg', '/site_images/vinyl03.jpg');

var jaggy_0= new jaggy_slideshow("0",tradpics,"slideshow",292,486,"#eeeeee",9,2,20,"y","n","n");

var jaggy_1= new jaggy_slideshow("1",transpics,"slideshow2",292,486,"#eeeeee",11,2,20,"y","n","n");

var jaggy_2= new jaggy_slideshow("2",modpics,"slideshow3",292,486,"#eeeeee",13,2,20,"y","n","n");