// banners images which will be rotated.
var _banners = [
	"http://www.stepspd.com/_images/banners/banner_01.jpg",
	"http://www.stepspd.com/_images/banners/banner_02.jpg",
	"http://www.stepspd.com/_images/banners/banner_03.jpg",
	"http://www.stepspd.com/_images/banners/banner_04.jpg",
	"http://www.stepspd.com/_images/banners/banner_05.jpg",
	"http://www.stepspd.com/_images/banners/banner_06.jpg",
	"http://www.stepspd.com/_images/banners/banner_07.jpg",
	"http://www.stepspd.com/_images/banners/banner_08.jpg",
	"http://www.stepspd.com/_images/banners/banner_09.jpg"
	];


//randomly start with one of banner.
var banner_idx=Math.floor(Math.random()*_banners.length);

//sets the page banner
function setBanner(img)
{
	var ele = document.getElementById("imgBanner");
	
	if(ele)
		ele.style.backgroundImage = "url('"+ img + "')";
}

//rotates the page banner
function rotateBanner()
{
	banner_idx = banner_idx + 1;
	if(banner_idx  >= _banners.length)
		banner_idx = 0;
	
	setBanner(_banners[banner_idx]);
	
	//setTimeout("rotateBanner()", 10000);
}

AddOnload(rotateBanner);