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

"bretteleben.de JavaScript Slideshow" - Version 20081101

License: http://www.gnu.org/copyleft/gpl.html

Author: Andreas Berger

Copyright (c) 2008 Andreas Berger - andreas_berger@bretteleben.de

Project page and Demo at http://www.bretteleben.de

Last update: 2008-11-01

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

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

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

//if there are only 2 images, set them two times i.e. 1/2/1/2

imges=new Array ('slide/slide_image.gif', 'slide/slide_image2.gif', 'slide/slide_image3.gif', 'slide/slide_image4.gif', 'slide/slide_image5.gif', 'slide/slide_image6.gif');

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

picwid=531; //set this to the width of your widest pic

pichei=135; //... and this to the height of your highest pic

backgr="#000000"; //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

sdur=3; //time to show a pic between fades in seconds

fdur=1; //duration of the complete fade in seconds

steps=20; //steps to fade from on pic to the next

startwhen=1;

thez=-1;
// "startwhen" leave it at "null" to start the function by calling it from your page by link

//(sample: <a href="javascript:myfade();">slide</a>)

// or set it to 1 to start the slide automatically as soon as the page is loaded

//*****nothing more to do, have fun :)

//starts with random picture: for(i=0;i<=Math.floor(Math.random()*imges.length);i++){imges.push(imges.shift());}

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

ftim=fdur*1000/steps;stim=sdur*1000;emax=imges.length;

tp="<div style='position:absolute;'>";

for(e=1;e<=emax;e++){

	theid="img"+e;thesrc=imges[e-1];

	tp=tp+"<div id='"+theid+"'><img src='"+thesrc+"' border='0' alt='Tubular Products | Birmingham | Alabama | Tubing | Structural tubing | Steel Tubing | Grab handles | Tube forming | Tubing bending'/></div>";

	}

tp=tp+"</div>";

document.write("<style type='text/css'>");

for(b=1;b<=emax;b++){

	thestylid="img"+b;thez=1;thevis='hidden';

	if(b<=1) {thez=2; thevis='visible';}

	document.write("#"+thestylid+" {position:absolute;left:0;top:0;width:"+picwid+"px;height:"+pichei+"px;background-color:"+backgr+";visibility:"+thevis+";z-index:"+thez+";}");

	}

document.write("</style>");

function myfade(){

	parr = new Array();

	for(a=1;a<=emax;a++){

		idakt="img"+a;paktidakt=document.getElementById(idakt);

    ie5exep=new Array(paktidakt);parr=parr.concat(ie5exep);}

 		i=1;u=0;slide (i);

		}

function slide(numa){

	ptofade=parr[numa-1];

	if(numa<=emax){pnext=parr[numa];}

	if(numa==emax){pnext=parr[0];}

	pnext.style.visibility="visible";

	pnext.style.filter="Alpha(Opacity=100)";

	pnext.style.MozOpacity=1;

	pnext.style.opacity=1;

	ptofade.style.filter="Alpha(Opacity=100)";

	ptofade.style.MozOpacity=1;

	ptofade.style.opacity=1;

	factor=100/steps;

	slidenow();

	}

function slidenow(){

	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){window.setTimeout("slidenow()",ftim);}

	if(u>=steps&&i<emax){

		ptofade.style.visibility="hidden";

		ptofade.style.zIndex=1;

		pnext.style.zIndex=2;

		i=i+1;u=0;

		window.setTimeout("slide(i)",stim);}

	if(u>=steps&&i>=emax){

		ptofade.style.visibility="hidden";

		ptofade.style.zIndex=1;

		pnext.style.zIndex=2;

		i=1;u=0;

		window.setTimeout("slide(i)",stim);}

	}

function shownow(){

	document.getElementById(divid).innerHTML=tp;

	if(startwhen){window.setTimeout("myfade()",stim);}

	}

onload=shownow;