var layerContentHtml = new Array();
var layerContentHtmlReaded = new Array();
var frameContentLayers = new Array();
var activeFrame = new Array();
var allLayersReaded = false;
var frameCount = new Array();
var bannerIdArray = new Array();
var frameTimer = new Array();
var bannersInitiated = false;
var startTimerArray = new Array();

function multiLayerBannerOnLoad() {
	if (!bannersInitiated) {
		readLayersOnLoad();
		countFrames();
		activateBanners();
		bannersInitiated = true;
	}
}

function readLayersOnLoad() {
	for (i=0; i<bannerIdArray.length; i++) {
		for (layerId in layerContentHtml[bannerIdArray[i]]) {
			readLayer(bannerIdArray[i], layerId);
		}
	}
	allLayersReaded = true;
	return true;
}

function readLayer(bannerId, layerId) {
	if (layerContentHtmlReaded[bannerId][layerId]!=true) {
		layerDiv = document.getElementById('MultiLayerBanner_' + bannerId + '_' + 'MultiLayerBanner_Layer_'+layerId);
		layerDiv.style.display = 'none';
		if (layerDiv) {
			layerDiv.innerHTML = layerContentHtml[bannerId][layerId];
			layerContentHtmlReaded[bannerId][layerId] = true;
		}
	}
	return true;
}

// change the content of the multilayer banner
function switchFrame(bannerId) {
	if (allLayersReaded) {
		activeFrame[bannerId]++;
		if (activeFrame[bannerId]==frameCount[bannerId]) {
			activeFrame[bannerId] = 0;
		}
		// enable/disable layers
		for (layerId in layerContentHtmlReaded[bannerId]) {
			layerDiv = document.getElementById('MultiLayerBanner_' + bannerId + '_' + 'MultiLayerBanner_Layer_'+layerId);
			if (layerDiv) {
				disableLayer = true;
				for (i in frameContentLayers[bannerId][activeFrame[bannerId]]) {
					if (frameContentLayers[bannerId][activeFrame[bannerId]][i]==layerId) {
						disableLayer = false;
					}
				}
				if (disableLayer) {
					layerDiv.style.display = 'none';
				} else {
					layerDiv.style.display = 'block';
				}
			}
		}
	}
}

function activateBanners() {
	for (i=0; i<bannerIdArray.length; i++) {
		activeFrame[bannerIdArray[i]]=0;
		startTimerArray[bannerIdArray[i]]=setInterval('switchFrameBanner'+bannerIdArray[i]+'()', frameTimer[bannerIdArray[i]]);
	}
}

function countFrames() {
	for (i=0; i<bannerIdArray.length; i++) {
		frameCount[bannerIdArray[i]]=0;
		for (x in frameContentLayers[bannerIdArray[i]]) {
			frameCount[bannerIdArray[i]]++;
		}
	}
}