var nIndex = 0;
var timerID = null;
var moduleArray = [document.getElementById('slat-1'), document.getElementById('slat-2'), document.getElementById('slat-3'), document.getElementById('slat-4'), document.getElementById('slat-5'), document.getElementById('slat-6'), document.getElementById('slat-7'), document.getElementById('slat-8')];
var moduleArrayText = ["slat-1", "slat-2", "slat-3", "slat-4","slat-5", "slat-6","slat-7","slat-8"];
var nav  = document.getElementById("mNavList");
var navLiChildren = nav.getElementsByTagName("li");

function rotateNews(){
	var len = moduleArray.length;
	if(nIndex >= len) {
		nIndex = 0;
	}
	moduleArray[nIndex].style.display = 'block';
	for (var i=0; i < moduleArray.length; i++){
		if (moduleArray[i] != moduleArray[nIndex]) {
			moduleArray[i].style.display = 'none'; 
		}
		
		if (i == nIndex) {
			navLiChildren[i].className = 'active';
		} else {
			navLiChildren[i].className = ' ';
		}
	}
	nIndex++;
	timerID = setTimeout('rotateNews()',6000);
}

function pauseMarquee(idx) {
	if (timerID != null) {
		clearTimeout(timerID);
		timerID = null;
	}
}

function playMarquee() {
	if (timerID == null) {
		timerID = setTimeout('rotateNews()', 1000);
	}
}

function showSelectedMarqueeSlat(idx) {
	moduleArray[idx].style.display = 'block';
	for (var i=0; i < moduleArray.length; i++){
		if (moduleArray[i] != moduleArray[idx]) {
			moduleArray[i].style.display = 'none'; 
		}
		
		if (i == idx) {
			navLiChildren[i].className = 'active';
		} else {
			navLiChildren[i].className = ' ';
		}
	}
	nIndex = idx;
}

rotateNews();