function initImage(imageId,holdId,speed,overlap,time,loop) {

 var x,x1,y= "picture \n"; for (x in mypics)   {x1=1*x+1 ;  y=y+x1+" is "+mypics[x] +"\n";   } 
 if (x%2==0) {mypics[x1]=mypics[x];x1+=1;}
  
 document.getElementById(holdId).style.backgroundImage = "url("+mypics[0]+")";
 document.getElementById(imageId).src =  mypics[1];
 
 	image = document.getElementById(imageId);
	setOpacity(image, 0);
	image.style.visibility = "visible";


  //	alert( "speed is " + speed  + ", overlap is " + overlap  + ", time is " + time   + ", " + x1   + " pix , loop is " + loop   );	

     fadeIt(imageId,holdId,0,speed,overlap,time,0,x1,loop); 
}

function fadeIt(objId,hldId,opacity,speed,overlap,time,t,tmax,loop) {

		obj = document.getElementById(objId);
		var goOn = true;
		
 		if       (opacity > 100) {
		
				if ((!loop)&(t+2==tmax)) {goOn=false;}
				t += 2;t %=tmax; document.getElementById(hldId).style.backgroundImage = "url("+mypics[t]+")";
		}
 		
		if 		 (opacity <   0) {obj.src =  mypics[t+1];}
				
		if       ((opacity > 100) | (opacity < 0))	{speed = - speed; opacity += speed;}
		
		setOpacity(obj, 100/ (1+   Math.pow(2, (50-opacity)/( Math.abs (overlap)+.1)   )) );
		opacity += speed;
		
		if(goOn) { 
			window.setTimeout("fadeIt('"+objId+"','"+hldId+"',"+opacity+","+speed+","+overlap+","+time+","+t+","+tmax+","+loop+")", time);
		}
}



function setOpacity(obj, opacity) {
	opacity = (opacity == 100)?99.999:opacity;
	// IE/Win
	obj.style.filter = "alpha(opacity:"+opacity+")";
	// Safari<1.2, Konqueror
	obj.style.KHTMLOpacity = opacity/100;
	// Older Mozilla and Firefox
	obj.style.MozOpacity = opacity/100;
	// Safari 1.2, newer Firefox and Mozilla, CSS3
	obj.style.opacity = opacity/100;
}