// Multiple banner box widget
var mbbw_CurrentTab = 0;
var mbbw_RotateTimer = null;
function renderBannerWidget(id)
{
	var obj = $(id);

	// Create tab container
	var tabsContainer = $('<div/>').attr('id', 'banner_tabs');
	var tabsTable = $('<table/>').attr('id', 'banner_tabs_tbl').attr('width', '100%').attr('border', '0').attr('cellpadding', '0').attr('cellspacing', '0').appendTo(tabsContainer);
	var tabsRow = $('<tr/>').appendTo(tabsTable);
	var firstVisible = false;
	var num = 1;

	obj.find('div.banner_container img').each(function()
	{
		var img = $(this);
		var label = img.attr('alt');

		if (label != '')
		{
			var bannerTab = $('<td/>').text(label).attr('id', 'banner_tab' + num).attr('align', 'center');

			bannerTab.click(function()
			{
				$('.banner_container').hide();
				img.parents('.banner_container').show();
				$('#banner_tabs_tbl tr td').removeClass('selected');
				$('#banner_tab' + num).addClass('selected');
			});
			bannerTab.appendTo(tabsRow);

			if (!firstVisible)
			{
				bannerTab.click();
				obj.show();
				mbbw_startTimer();
				firstVisible = true;
			}

			num++;
		}
	});

	tabsContainer.appendTo(obj);
}

function rotateTab()
{
	mbbw_CurrentTab++;
	var mbbw_container = $('#banner_container' + mbbw_CurrentTab);
	var mbbw_tab = $('#banner_tab' + mbbw_CurrentTab);
	var imgs = mbbw_container.find('img');
	if (imgs.length > 0)
	{
		mbbw_tab.click();
	}
	else
	{
		mbbw_CurrentTab = 0;
		rotateTab();
	}
}

function mbbw_startTimer()
{
	mbbw_RotateTimer = setInterval(function() { rotateTab(); }, 4000);
}
function mbbw_clearTimer()
{
	clearInterval(mbbw_RotateTimer);
}