//--------------Configurable Parameters---------------
//
//Must be set prior to running fade_rotate_2(). If set in calling page, then this script
//may be used multiple times on a page.
//
//Could use PHP/etc to generate pic_list from a text file or dir listing.
//
//var pic_list = new Array("Red.png","Green.png","Blue.png","cyan.png","magenta.png","yellow.png");
//var current_pic = 0;		//current pic in array pic_list
//var pic_path = "images/";	//path to folder containing images in pic_list
//var OpacStep = 5;			//Stepping rate of opacity fade. 0-100
//var FadeRate = 30;		//Rate, in milliseconds, of each step thru opacity fade
//var RotationRate = 1000;	//Rate, in milliseconds, to change pics. Must be > (100/OpacStep)*FadeRate to avoid flickering overlap.
//-------------END Configurable Parameters------------


function place_img_tags(){
	//These container <div>'s allow pics of unknown and varied sizes 
	//to be centered within the primary container <div>
	document.write("<div class='maxPicSize' style='float: right; border: 0px solid;margin-left: 10px;'>");
	document.write("<div class='maxPicSize' style='position: absolute;'>");
	document.write("<center><img id='fadeOUT' src='images/blank.png'></center>");
	document.write("</div>");
	document.write("<div class='maxPicSize' style='position: absolute;'>");
	document.write("<center><img id='fadeIN'  src='images/blank.png'></center>");
	document.write("</div>");
	document.write("</div>");
}//end place_img_tags()


function fade_rotate_2() {
	if (current_pic >= pic_list.length) { current_pic = 0;	}		//stay in the pic_list
	imageIN  = document.getElementById('fadeIN' );
	imageOUT = document.getElementById('fadeOUT');
	imageOUT.src = imageIN.src;										//Copy IN pic to OUT pic
	setOpacity(imageOUT, 100);										//Set OUT pic opac to 100.
	setOpacity(imageIN, 0);											//Set IN pic opac to 0.
	imageIN.src = pic_path + pic_list[current_pic++];				//Get new IN pic, increment current_pic
	fadeInOut('fadeIN','fadeOUT',0,100);							//Fade pics
	setTimeout("fade_rotate_2('fadeIN','fadeOUT')",RotationRate);	//Repeat...
}//end fade_rotate_2()


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


function fadeInOut(objIDFIN,objIDFOUT,opacityFIN,opacityFOUT) {
	if (opacityFIN <= 100) {
	  setOpacity(document.getElementById(objIDFIN),  opacityFIN);
	  setOpacity(document.getElementById(objIDFOUT), opacityFOUT);
	  opacityFIN  = opacityFIN  + OpacStep;
	  opacityFOUT = opacityFOUT - OpacStep;
	  setTimeout("fadeInOut('" + objIDFIN + "','" + objIDFOUT +"'," + opacityFIN + "," + opacityFOUT + ")", FadeRate);
    }//end if
}//end fadeIn()
deIn()