var bannerRotateRate = 4000; //miliseconds
var bannerFadeDuration = 0.3; //seconds
var imageDirA = "/dynamic/pages/";
var img;

var totalSlideCount = 3;
var currentBannerSlide = 1;

var bannerCtlImgPaths = new Array(3);
bannerCtlImgPaths[0] = '/Content/images/bannerCtl0.jpg';
bannerCtlImgPaths[1] = '/Content/images/bannerCtl1.jpg';
bannerCtlImgPaths[2] = '/Content/images/bannerCtl2.jpg';

var bannerCtlPauseBtn = "/Content/images/bannerCtlPause.jpg";
var bannerCtlPlayBtn = "/Content/images/bannerCtlPlay.jpg";

var images = new Array(3);
var links = new Array(3);
var alts = new Array(3);

images[0] = 'banner_images_image_en_78.jpg';
links[0] = 'http://mama.imow.org';
alts[0] = 'MAMA General Banner';

images[1] = 'banner_images_image_en_80.jpg';
links[1] = 'http://mama.imow.org';
alts[1] = 'Credit: Chantal Anderson';

images[2] = 'banner_images_image_en_48.jpg';
links[2] = 'http://mama.imow.org';
alts[2] = 'Economica International Museum of Women';

for (var i=0; i < totalSlideCount; i++) {
	img = new Image();
	img.src = imageDirA + images[i];
}


var bannerCtlPaused = false;
function bannerCtlPause() {
	bannerCtlPaused = !bannerCtlPaused;
	var pauseBtn = document.getElementById('bannerCtlPause');
	if (bannerCtlPaused)
		pauseBtn.src = bannerCtlPlayBtn;
	else
		pauseBtn.src = bannerCtlPauseBtn;
}

function bannerCtlLoad() {
	document.getElementById('banner').src =
		imageDirA + images[currentBannerSlide];

	document.getElementById('banner').alt =
		alts[currentBannerSlide];

	document.getElementById('bannerLink').href =
		links[currentBannerSlide];
}

function bannerCtlSwitch() {
	// You can use scriptaculous here for a pleasant transition
	Effect.Fade(document.getElementById('banner'), {
		duration: bannerFadeDuration,
		afterFinish: bannerCtlLoad
	})
	Effect.Appear(document.getElementById('banner'), {
		queue: 'end',
		duration: bannerFadeDuration
	})
}

function bannerCtlRotate() {
	if (!bannerCtlPaused) {
		currentBannerSlide = ((totalSlideCount - 1) == currentBannerSlide)?
			0 : currentBannerSlide + 1;
		bannerCtlSwitch();
	}
	window.setTimeout('bannerCtlRotate()', bannerRotateRate);
}
window.setTimeout('bannerCtlRotate()', bannerRotateRate);