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

 var x,x1,y= "picture \n"; for (x in mypics)   {x1=1*x+1 ;  y=y+x1+" is "+mypics[x] +"\n";   } 
 //alert(y);
 //alert( "speed is " + speed  + ", overlap is " + overlap  + ", time is " + time   );	
 
 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";
	fadeIn(imageId,holdId,0,speed,overlap,time,1,Math.floor(x1/2));
}
function fadeIn(objId,hldId,opacity,speed,overlap,time,t,tmax) {
		var o;
		var tn;
		var tx;
	if (document.getElementById) {

		obj = document.getElementById(objId);
		if (opacity <= 100) { if   (opacity < 0) {  speed = -speed ;   obj.src =  mypics[2*t-1];  }	}
		else                {
		                    speed = (speed>0) ? -speed   : speed;
                            t     = (t==tmax) ? 1        : t+1; 
                            document.getElementById(hldId).style.backgroundImage = "url("+mypics[2*t-2]+")";
	 	                    }
 
 		  o = 100/ (1+   Math.pow(2, (50-opacity)/overlap   ))  ;
		opacity += speed;
		setOpacity(obj, o);
		window.setTimeout("fadeIn('"+objId+"','"+hldId+"',"+opacity+","+speed+","+overlap+","+time+","+t+","+tmax+")", 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;
}