
function initImageOld(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;
}



function initImage2(imageId,holdId,speed,overlap,time) {
//for old times sake

 var x= initImage4(imageId,holdId,speed,overlap,time,1);
}


function initImage1(imageId,holdId,speed,overlap,time) {

 var x= initImage4(imageId,holdId,speed,overlap,time,1);
}


function initImage(imageId,holdId,speed,overlap,time) {
//for old times sake
 //var x= initImageOld(imageId,holdId,speed,overlap,time);
   var x= initImage4(imageId,holdId,speed,overlap,time,0);
}


function initImage0(imageId,holdId,speed,overlap,time) {

 var x= initImage4(imageId,holdId,speed,overlap,time,0);
}

function initImage3(imageId,holdId,speed,overlap,time,shuffle) {

 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";
	fadeIn3(imageId,holdId,0,speed,overlap,time,1,mypics.length,shuffle);
}
function fadeIn3(objId,hldId,opacity,speed,overlap,time,t,tmax,shuffle) {
		var o;
		var mod;
	if (document.getElementById) {
		obj = document.getElementById(objId);
		
		if (opacity >= 100) {  
        document.getElementById(hldId).style.backgroundImage = "url("+mypics[t]+")";
		opacity = 0;
        mod = Math.floor(Math.random()* tmax) ;
        t += (1+mod*shuffle);
        t %= tmax;
		// alert(t);
		setOpacity(obj, 0);
		obj.src =  mypics[t]; 
		}
		
 		o = 100/ (1+   Math.pow(2, (50-opacity)/overlap   ))  ;
		setOpacity(obj, o);
		opacity += speed;
		window.setTimeout("fadeIn3('"+objId+"','"+hldId+"',"+opacity+","+speed+","+overlap+","+time+","+t+","+tmax+","+shuffle+")", time);
	}
}




function initImage4(imageId,holdId,speed,overlap,time,shuffle) {

//alert(mypics);
 //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";
	fadeIn4(imageId,holdId,0,speed,overlap,time,0,1,mypics.length,shuffle);
}
function fadeIn4(objId,hldId,opacity,speed,overlap,time,t,t1,tmax,shuffle) {
		var o;
		var tn;
		var tx;
	if (document.getElementById) {

		obj = document.getElementById(objId);
		if (opacity <= 100) { if   (opacity < 0) {  speed = -speed ;   obj.src =  mypics[t];  }	}
		else                {
		                    speed = - speed;
                            document.getElementById(hldId).style.backgroundImage = "url("+mypics[t1]+")";
                            t      =t1+1+shuffle*Math.floor(Math.random()*tmax);
                            t      %=tmax;
                            t1      =t+1+shuffle*Math.floor(Math.random()*tmax);;
                            t1      %=tmax;

	 	                    }

 		  o = 100/ (1+   Math.pow(2, (50-opacity)/overlap   ))  ;
		opacity += speed;
		setOpacity(obj, o);
		window.setTimeout("fadeIn4('"+objId+"','"+hldId+"',"+opacity+","+speed+","+overlap+","+time+","+t+","+t1+","+tmax+","+shuffle+")", time);
	}
}
