var SlideShowSpeed = 100;
var Picture = new Array(); //initialize with pictures in the invoking jsp
var imgIdx = 0;
var imgOpacity = 105;
var increment = 10;

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 runSlideShow(){
	if (!document.getElementById) {
		return;
	}
	var pic = document.getElementById("fading_pictures");

	if ( imgOpacity == 200 )
	{
		increment = increment * -1;
		imgOpacity = 0;
		imgIdx++;
		if ( imgIdx > 3 )
		{
			imgIdx = 0;
		}
		setOpacity( pic, 0 );
		pic.src = Picture[imgIdx];
	}
	else if ( imgOpacity > 100 )
	{
		increment = increment * -1;
		imgOpacity = 100;
		tss = setTimeout('runSlideShow()', 6000 );
		return;
	}
	else if ( imgOpacity < 0 )
	{
		imgOpacity = 200;
		tss = setTimeout('runSlideShow()', SlideShowSpeed );
		return;
	}
	
	setOpacity( pic, imgOpacity );
	imgOpacity = imgOpacity + increment;
	tss = setTimeout('runSlideShow()', SlideShowSpeed);
}