// *** CONFIGURATION ***

var iLongPause       = 5000;	// smaller number = less time spent seeing each image between fades
var iShortPause      = 50;	// smaller number = faster fade transitions

// *********************


var iCurrentBanner   = 0;
var iCurrentOpacity  = 100;
var arrBannerImages = new Array();

function fade_banners() {

	var iPauseTilNext = iShortPause;
	var iNextBanner   = 0;

	if (iCurrentBanner < arrBannerImages.length-1) {
		iNextBanner = iCurrentBanner+1;
	} else {
		iNextBanner = 0;
	}
	
	iCurrentOpacity = iCurrentOpacity - 5;
	
	set_opacity( arrBannerImages[iCurrentBanner] , iCurrentOpacity );
	set_opacity( arrBannerImages[iNextBanner]    , 100 - iCurrentOpacity );

	if ( iCurrentOpacity==0 ) {
		iCurrentBanner = iNextBanner;
		iPauseTilNext = iLongPause;
		iCurrentOpacity = 100;
	}

	iFade = setTimeout('fade_banners()', iPauseTilNext);

}

function set_opacity( objTarget, iOpacity ) {
	if ( objTarget ) {

		if ( iOpacity==100 ) {
			objTarget.style.filter       = '';
			objTarget.style.KHTMLOpacity = '';
			objTarget.style.MozOpacity   = '';
			objTarget.style.opacity      = '';
		} else {
			objTarget.style.filter       = "alpha(opacity="+Math.round(iOpacity)+")"; // IE/
			objTarget.style.KHTMLOpacity = iOpacity/100;                              // safari<1.2, Konqueror
			objTarget.style.MozOpacity   = iOpacity/100;                              // Older Mozilla and Firefox
			objTarget.style.opacity      = iOpacity/100;
		}

		if ( iOpacity==0 ) {
			objTarget.style.display = 'none';
		} else {
			objTarget.style.display = 'block';
		}

	}
}

function runslideshow() {
	if ( document.getElementById('fading-image-container') ) {
		
		// save the images to be faded in an array...
		arrBannerImages = document.getElementById('fading-image-container').getElementsByTagName('img');
		
		// randomly order the array...
		//arrBannerImages.sort( Math.round(Math.random())-0.5 );
		
		if ( arrBannerImages.length > 0 ) {

			// show the first image...
			arrBannerImages[0].style.display = 'block';

			if ( arrBannerImages.length > 1 ) {
				// schedule a fade...
				iFade = setTimeout('fade_banners()', iLongPause);
			}

		}

	}
}