//*****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 ('images/1.jpg', 'images/2.jpg', 'images/3.jpg', 'images/4.jpg', 'images/5.jpg', 'images/6.jpg', 'images/7.jpg', 'images/8.jpg', 'images/9.jpg');

picleft=0; //set this to the left position of your pics to be shown on the page

pictop=6; //set thid to the top position of your pics to be shown on the page

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

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

backgr="#ffffff"; //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=2; //time to show a pic between fades in seconds

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

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

startwhen=1;

// "startwhen" leave it at "null" to start the function by calling it from your page by link

// or set it to 1 to start the slide automatically as soon as the images are loaded

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

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

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

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

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

	document.write("<div id='"+theid+"'><img src='"+thesrc+"' border='0'></img></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:"+picleft+"px; top:"+pictop+"px; width:"+picwid+"px; height:"+pichei+"px; background-color:"+backgr+"; layer-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;

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

	ptofade.style.MozOpacity = 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;

	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 dostart(){window.setTimeout("myfade()",stim);}

if(startwhen){onload=dostart;}