// Banner Rotation.

//define array of possible banners.
var myImages = ['../img/banners/thingstodo_angelinaballerin.jpg','../img/banners/thingstodo_batman.jpg','../img/banners/thingstodo_scoobydoo.jpg','../img/banners/thingstodo_peppapig.jpg','../img/banners/thingstodo_littlestpetshop.jpg'];
var imgLinks = ['characteractivities/angelinaballerina.html','characteractivities/batman.html','characteractivities/scoobydoo.html',
'characteractivities/peppapig.html','characteractivities/littlestpetshop.html'];
var targetLoc = ['_self'];
var bannerIntervalId = 0;
var x = 0;
function bannerHandler() {
	bannerIntervalId = setInterval( "changeBanner()", 5000 );
}

function changeBanner() {
	if (x<4) {
		x++;
	} else {
		x=0;
	}
	document.getElementById("readMore").style.top = '190px';
	document.getElementById("readMore").style.left = '90px';

	document.getElementById("content-todo").style.backgroundImage = ('url('+myImages[x]+')');
	document.getElementById("readMore").href=[imgLinks[x]];
	document.getElementById("readMore").target=[targetLoc[x]];
}

window.onload=bannerHandler();