var currTabID = 0;
var prevTabID = 0;
var nextTabID = 0;
var t;

function initImages() 
{

	if(varArray != null && varArray.length > 0) 
	{

		var newsChkLen = varArray.length;
		var s = "";
		
		s += "<div class=\"fnav\"><div class=\"left small prenav dkgray\">" + stringScroll + "</div>";
		s += "<div class=\"right\" id=\"tabIdprvs\"><div id=\"tabPrvs\" class=\"left\"><a href=\"javascript:clickPrvs();\" class=\"first\"><img src=\"/images/icons/arrow_previous_single.gif\" width=\"4\" height=\"7\" vspace=\"8\"/></a></div>";
		for (var imgLen=1; imgLen<varArray.length + 1; imgLen++) 
		{
		    if (imgLen == 1)
			    s += "<div class=\"left\" id=\"tabId1\"><span>" + 1 + "</span></div>";		    
		    else
			    s += "<div class=\"left\" id=\"tabId" + (imgLen) + "\"><a href=\"javascript:moveTab(" +  (imgLen) + ");\">" + (imgLen) + "</a></div>";
		}
		s += "<div class=\"left\"><a href=\"javascript:clickNext();\"><img src=\"/images/icons/arrow_next_single.gif\" width=\"4\" height=\"7\" vspace=\"8\" /></a></div>";		
		s += "<div class=\"left\"><a href=\"javascript:clickPause('pause');\" id=\"Pause\" class=\"pause\">||&nbsp;" + stringPause + "</a></div>";
		s += "<div class=\"left\"><a href=\"javascript:clickPause('play');\" id=\"Play\" class=\"pause\" style=\"display:none\">" + stringPlay + "</a></div></div></div>";
		s += "<div class=\"insightsarea\">";	
		s += "<div class=\"column1\"><img name=\"topicGraphic\" id=\"topicGraphic\" src=\"" + varArray[0][0] + "\" width=\"199\" height=\"250\"></div>";
		s += "<div class=\"column1 insightb padtop10\"><div class=\"padtop10 padbottom20\" id=\"topicContent\">" + varArray[0][1] + "</div>";
		s += "<div id=\"collatType\">" + varArray[0][4] + "</div>";
		s += "<div id=\"collatTitle\">" + varArray[0][5] + "</div>";
		s += "<div id=\"collatAuthor\">" + varArray[0][6] + "</div>";
		s += "<div id=\"collatTeaser\">" + varArray[0][7] + "</div>";
		s += "<div id=\"collatBar\">" + varArray[0][8] + "</div>";
		s += "</div><div class=\"fixer2\">&nbsp;</div></div>";
		document.getElementById("insightTopics").innerHTML = s;								
		startTimer();	
	}
}

function tick() 
{
	currTabID++;
	if (currTabID == varArray.length || currTabID == 0) 
	{
		currTabID = 0;
		prevTabID = (varArray.length - 1);
	} 
	else 
	{
		prevTabID = (currTabID - 1);
	}		  
	
	var banner1 = document.getElementById('topicGraphic');
	banner1.src = varArray[currTabID][0];
	document.getElementById('topicContent').innerHTML = varArray[currTabID][1];
	document.getElementById('tabId' + (currTabID + 1)).innerHTML = varArray[currTabID][3];
	document.getElementById('tabId' + (prevTabID + 1)).innerHTML = varArray[prevTabID][2];
	document.getElementById('collatType').innerHTML = varArray[currTabID][4];
	document.getElementById('collatTitle').innerHTML = varArray[currTabID][5];
	document.getElementById('collatAuthor').innerHTML = varArray[currTabID][6];
	document.getElementById('collatTeaser').innerHTML = varArray[currTabID][7];
	document.getElementById('collatBar').innerHTML = varArray[currTabID][8];
	
}
						 
function startTimer() 
{
	t = setInterval("tick()",5000);
}
						
function clickPause(temp)
{

	var playId = document.getElementById('Play');
	var pasueId = document.getElementById('Pause') ;
	if(temp == 'pause')
	{
		pasueId.style.display = 'none';
		playId.style.display = '';
		clearTimeout(t);
	} 
	else
	{
		pasueId.style.display = '';
		playId.style.display = 'none';
		clearTimeout(t);
		startTimer();
	}
}
							   
function clickNext()
{
    clearTimeout(t)
    currTabID + 1;
    tick();
    clickPause('pause');
}

function moveTab(gotoTab)
{
    clearTimeout(t)
	for (var imgLen=1; imgLen<varArray.length + 1; imgLen++) 
	{
	    if (imgLen != gotoTab)
        	document.getElementById('tabId' + (imgLen)).innerHTML = varArray[imgLen - 1][2];
        else
            document.getElementById('tabId' + (imgLen)).innerHTML = varArray[imgLen - 1][3];
	}
    currTabID = gotoTab - 2;
    tick();
    clickPause('pause');
}

function clickPrvs()
{
    clearTimeout(t)
	currTabID = currTabID - 1;
	if (currTabID == -1) 
	{
		currTabID = (varArray.length - 1);
		nextTabID = 0;
	} 
	else 
	{
		nextTabID = (currTabID + 1);
	}		  
	
	var banner1 = document.getElementById('topicGraphic');
	banner1.src = varArray[currTabID][0];
	document.getElementById('topicContent').innerHTML = varArray[currTabID][1];
	document.getElementById('tabId' + (currTabID + 1)).innerHTML = varArray[currTabID][3];
	document.getElementById('tabId' + (nextTabID + 1)).innerHTML = varArray[nextTabID][2];
	document.getElementById('collatType').innerHTML = varArray[currTabID][4];
	document.getElementById('collatTitle').innerHTML = varArray[currTabID][5];
	document.getElementById('collatAuthor').innerHTML = varArray[currTabID][6];
	document.getElementById('collatTeaser').innerHTML = varArray[currTabID][7];
	document.getElementById('collatBar').innerHTML = varArray[currTabID][8];
    clickPause('pause');
}