// JavaScript Documentfunction loadpage() {

var BannerVars = { 
	amount:3, 
	count:0,
	imageSize:[580, 220],
	path:"img/cnt/",
	imageList:new Array(),
	infos:new Array(),
	banner:new Object(),
	banner_container:new Object(),
	banner_info:new Object()
}
	
function changeBanner()
{
	var switchTime = 6000;
	
	BannerVars.banner = $('bannerImg');
	BannerVars.banner_container = $('mainBanner');
	BannerVars.banner_info = $('bannerText');
	
	BannerVars.banner_container.style.height = 220+"px";

	BannerVars.imageList[0] = new Image(BannerVars.imageSize[0], BannerVars.imageSize[1]);
	BannerVars.imageList[1] = new Image(BannerVars.imageSize[0], BannerVars.imageSize[1]);
	BannerVars.imageList[2] = new Image(BannerVars.imageSize[0], BannerVars.imageSize[1]);
	BannerVars.imageList[0] = BannerVars.path + "sp_1.jpg";
	BannerVars.imageList[1] = BannerVars.path + "sp_2.jpg";
	BannerVars.imageList[2] = BannerVars.path + "sp_3.jpg";
	BannerVars.infos[0] = "2007 . ROCK AM SEE";
	BannerVars.infos[1] = "2007 . ROCK AM SEE";
	BannerVars.infos[2] = "2007 . ROCK AM SEE";

	// set timer an init banner rotation
	var counter = window.setInterval('switchBanner()', switchTime);
}

function switchBanner()
{
	flowOut();
}

function flowIn()
{
	if(BannerVars.count >= BannerVars.amount) { BannerVars.count = 0; }
	BannerVars.banner.src = BannerVars.imageList[BannerVars.count];
	BannerVars.banner_info.innerHTML = BannerVars.infos[BannerVars.count];
	BannerVars.count++;
	new Effect.Appear(BannerVars.banner);
	new Effect.Appear(BannerVars.banner_info);
}


function flowOut()
{
	new Effect.Fade(BannerVars.banner, { afterFinish:flowIn });
	new Effect.Fade(BannerVars.banner_info);	
}