//short form for getElementById method
function e(id){
	
	return document.getElementById(id)
	
}

bannerlinks = new Array(
						'http://www.itac.ca/events/golf2010',
						'http://www.itac.ca/event_details/1575',
						'http://www.itheroawards.com',
						'http://www.itac.ca/about',
						'http://www.itac.ca/about',
						'http://www.itac.ca/about'
						);

var count=0;

function runBanner(){
	
	var bannerdiv = e("mainbanner"); 
	var banners = bannerdiv.getElementsByTagName("img");
	
	
	//var bannerfooter = e("mainbanner_footer");
	//var bannerlinks = bannerfooter.getElementsByTagName("a");
	//var bannertitles = bannerfooter.getElementsByTagName("span");
	
	var total = banners.length;
	
	for(var i = 0; i < banners.length; i++){
		
		banners[i].id = "banner"+i;
		//bannerlinks[i].id = "bannerlink"+i;
		//bannertitles[i].id = "bannertitle"+i;
		
		if(i !== 0){
			
			new Effect.Opacity('banner'+i, { duration: 0.0, from: 1.0, to: 0.0 });
			//new Effect.Opacity('bannertitle'+i, { duration: 0.0, from: 1.0, to: 0.0 });
			
		}
		
	}
	
	var timer = setInterval('chgImage('+total+')', 9000) // change the image every 7000 miliseconds
	
}

function chgImage(total) {
	
	if(total >= 2){
	
		var previous = "banner"+count;
		//var previouslink = "bannertitle"+count;
		
		count =++count % total; // cycles through array length
		
		var next = "banner"+count;
		//var nextlink = "bannertitle"+count;
		
		new Effect.Opacity(previous, { duration: 0.4, from: 1.0, to: 0.0 });
		new Effect.Opacity(next, { duration: 0.4, from: 0.0, to: 1.0 });
		
		e("bannerlink").href = bannerlinks[count];
		
		//new Effect.Opacity(previouslink, { duration: 0.3, from: 1.0, to: 0.0 });
		//new Effect.Opacity(nextlink, { duration: 0.3, from: 0.0, to: 1.0 });
		
		//e("bannerlink0").href = e("bannerlink"+count).href;
	
	}
	
}
