window.addEvent('domready',function(){

	var bannerimg = new Array;
	var bannerlink = new Array;
	
	bannerimg[0] = 'images/la.png';
	bannerlink[0] = 'events.shtml#los_angeles';
	
	bannerimg[1] = 'images/seattle.png';
	bannerlink[1] = 'events.shtml#seattle';
	
	bannerimg[2] = 'images/sf.png';
	bannerlink[2] = 'events.shtml#san_francisco';
	
	var bannercount = bannerimg.indexOf(bannerimg.getLast());
	
	var i = 1;

	var switchbanner = function switchbanner(){
		var img = bannerimg[i];
		var link = bannerlink[i];
		var oldbanner = $$('#head a');
			oldbanner = oldbanner[0];
		var newbanner = new Element('a',{'href':link});
			newbanner.inject(oldbanner,'before');
		var newimg = new Element('img',{'src':img});
			newimg.inject(newbanner);
			newimg.addEvent('load',function(){
				new Fx.Tween(oldbanner, {duration:1000}).start('opacity',0).chain(function(){oldbanner.destroy()});
			});
		if(i>=bannercount){
			i=0;
		}else{	
			i++;
		}	
	}
	switchbanner.periodical(5000);
	
	
});