var arrPanes = Array();
var intTimerId;
var intTime = 5000;
var intTotalPanes;
var intNextPane = 1;

function paneSwitch() {
	
	var objTab = document.getElementById('pane' + intNextPane + '_tab');
	var objSelected = document.getElementById('pane' + intNextPane);
	var intBase = objSelected.style.zIndex.valueOf();
	var objCurrent;
	
	objSelected.style.zIndex = arrPanes.length;
	objTab.className = 'active';
	
	for(var i = 0; i < arrPanes.length; i++) {
		
		if(arrPanes[i] != objSelected.id) {
			
			document.getElementById(arrPanes[i] + '_tab').className = 'inactive';
			objCurrent = document.getElementById(arrPanes[i]);
			
			if(objCurrent.style.zIndex.valueOf() > intBase)
			objCurrent.style.zIndex = objCurrent.style.zIndex.valueOf() - 1;
			
		}
		
	}
	
	if(intNextPane < arrPanes.length) {
		intNextPane++;
	} else {
		intNextPane = 1;
	}
	
}

function initPanes() {
	
	var objDivs = document.getElementsByTagName('div');
	var objCurrent;
	
	for(var i = 0; i < objDivs.length; i++) {
		
		if(objDivs[i].className == 'pane') {
			
			arrPanes.push(objDivs[i].id);
			objDivs[i].style.zIndex = arrPanes.length;
			//objDivs[i].onmouseover = stopTimer;
			//objDivs[i].onmouseout = startTimer;
			document.getElementById(objDivs[i].id + '_tab').onmouseover = paneSelect;
			document.getElementById('banner_tabs').onmouseout = startTimer;
			
		}
		
	}
	
}

function initBanner() {
	
	initPanes();
	intTotalPanes = arrPanes.length;
	startTimer();
	
}

function startTimer() {
	
	paneSwitch();
	intTimerId = setTimeout('startTimer()', intTime);
	
}

function stopTimer() {
	
	clearTimeout(intTimerId);
	
}

function paneSelect() {
	
	stopTimer();
	intNextPane = this.id.substr(4, this.id.length - 8);
	paneSwitch();
	
	if(intNextPane > 1) {
		intNextPane--;
	}
	
}

window.onload = initBanner;