var areaindex = new Object();

areaindex.indice = 0;
areaindex.total;
areaindex.intervalo;
areaindex.tempo = 10000;


areaindex.parar = function ()
{
	 //alert('para');
	 clearInterval(areaindex.intervalo);
	 document.getElementById('parar').style.display = 'none';
	 document.getElementById('play').style.display = 'block';
	 document.getElementById('play').onclick = "javascript:areaindex.play();"
	 
}

areaindex.play = function ()
{
	//alert('playa');
	areaindex.intervalo = window.setInterval("areaindex.mostra(areaindex.indice, 'prox')", areaindex.tempo);
	document.getElementById('parar').onclick = function(){ "javascript:areaindex.parar();"
	}	
	document.getElementById('parar').style.display = 'block';
	document.getElementById('play').style.display = 'none';
}

areaindex.mostra = function (index, tipo)
{
	
	
	
	areaindex.total = document.getElementById('principal').getElementsByTagName('ul').length;
	
	
	
	if(tipo == "prox"){
		
		if(index + 1 >= areaindex.total)
		{
			areaindex.indice = 0;
		}
		else
		{
			areaindex.indice = index + 1;
		}
		
	}
	else if(tipo == "ant")
	{
		
		
		if(index  <= 0)
		{
			
			areaindex.indice = areaindex.total-1;
			
		}
		else
		{
			areaindex.indice = index - 1;
		}		
	}
	else
	{
		areaindex.indice = 0;
	}
	
	
	for(i=0; i < areaindex.total; i++)
	{
		if(areaindex.indice == i)
		{
			document.getElementById('principal').getElementsByTagName('ul')[i].style.display = 'block';
		}
		else
		{
			document.getElementById('principal').getElementsByTagName('ul')[i].style.display = 'none';
		}
		
	}

	

}


window.onload = function()
{
	document.getElementById('principal').style.display = 'block';
	areaindex.mostra(areaindex.indice, 'comeca');
	areaindex.intervalo = window.setInterval("areaindex.mostra(areaindex.indice, 'prox')", areaindex.tempo);
}