Ext.onReady(function()
{

	var bannerCount = 4;
	var banners = [];
	var banner;
	var rgn;
	
	for(var i=1; i<=bannerCount; i++)
	{
		banner = Ext.get("banner" + i);
		banners[i] = banner;
		
		
		banner.setVisibilityMode(Ext.Element.DISPLAY);
		
		if(i==1)
		{
			//rgn = banner.getRegion();
		}
				
		//banner.setRegion(rgn);
		banner.hide(false);		
	}
	
	var bannerIndex = 0;
	var showBanner;
	var rotateBanner;
	
	showNextBanner = function()
	{
		bannerIndex++;
		banner = banners[bannerIndex];
		if(banner)
		{
			banner.show({duration: 1});
			window.setTimeout(rotateBanner, 6000);
		}
		else
		{
			bannerIndex = 0;
			showNextBanner();
		}
	}
	
	rotateBanner = function()
	{
		banner = banners[bannerIndex];
		
		if(banner)
		{
			banner.hide({duration: 1, callback: showNextBanner});
		}
		else
		{
			bannerIndex = 0;
			showNextBanner();
		}
	};
	
	rotateBanner();
});