function switchTo(_opt)
{
	switch(_opt)
	{
		case 'grid':
				showTabela("grid");
				break;
		case 'class':
				showTabela("class");
				break;
		case 'circuito':
				showCircuito();
				break;
	}
				
}	
function showProvaInfo()
{
	$("prova_nome").innerHTML = oProva.gp;
	
	// Mostra o circuito de inicio
	/*
  if ((typeof(oProva.grid) == "undefined") || (oProva.grid.length <= 0))
	{
	*/
		showCircuito();
	
	/*
	}
	else
	{
		$("menu-top").style.display = "block";
		
		if ((typeof(oProva['class']) == "undefined") || (oProva['class'].length <= 0))
		{
			showTabela("grid");
			$("menu-class").style.display ="none";
		}
		else
			showTabela("class");
	}
	*/
}	
function setMenu(_opt)
{
	/*
  aMenus = Array("class","grid","circ");
	for(i=0;i<aMenus.length;i++)
		$("menu-"+aMenus[i]).className = "";
	
	$("menu-"+_opt).className = "sel";
	*/
}

function showNota()
{
	$("circuito").style.display = "none";

	if (oProva.nota_link == "")
		return;
	
	HTML = '<div id="esq">';
	HTML += '	<a href="http://www.uol.com.br/"><img src="'+oProva.nota_foto+'" alt="'+oProva.nota_fotocredito+'" border="0" height="146" width="208"></a>';
	HTML += '	<p>'+oProva.nota_fotolegenda+'</p>';
	
	if (oProva.nota_pe_foto1 != "")
		HTML += '	<div id="pe"><img src="http://img.uol.com.br/ico_verfotos.gif" alt="" /> <a href="'+oProva.nota_pe_foto1+'">FOTOS DO TREINO</a></div>';
	if (oProva.nota_pe_foto2 != "")
		HTML += '	<div id="pe"><img src="http://img.uol.com.br/ico_verfotos.gif" alt="" /> <a href="'+oProva.nota_pe_foto2+'">FOTOS DA CORRIDA</a></div>';
	if (oProva.nota_pe_video != "")
		HTML += '	<div id="pe"><img src="http://img.uol.com.br/ico_verfotos.gif" alt="" /> <a href="'+oProva.nota_pe_video+'">VIDEO DA CORRIDA</a></div>';
	HTML += '</div>';
	HTML += '<h1>'+oProva.nota_titulo+'</h1>';
	HTML += '<p>'+oProva.nota_texto+'</p>';
	HTML += '<p><a href="'+oProva.nota_link+'">Leia mais</a></p>'; 
	
	$("nota").innerHTML = HTML;
	$("nota").style.display = "block";
	
}
function showCircuito()
{
	// seta o menu
	setMenu("circ");
	
	// Some com a tabela de grid ou classificação
	$("tabela").style.display = "none";

	CIRCUITO = '<h2>Ficha técnica do circuito</h2>';
	CIRCUITO += '<dl>';
	CIRCUITO += '	<dt><img src="'+oProva.imagem+'" alt="" /></dt>';
	CIRCUITO += '	<dd><strong>Localização:&nbsp;</strong><span>'+oProva.local+'</span></dd>';
	CIRCUITO += '	<dd><strong>Data da corrida:&nbsp;</strong><span>'+oProva.data.BrazilianDate()+'</span></dd>';
	CIRCUITO += '	<dd><strong>Horário:&nbsp;</strong><span>'+oProva.horario+'</span></dd>';
	CIRCUITO += '	<dd><strong>Nº de voltas:&nbsp;</strong><span>'+oProva.voltas+'</span></dd>';
	CIRCUITO += '	<dd id="ult"><strong>Comprimento:&nbsp;</strong><span>'+oProva.tamanho_pista+'</span></dd>';
	CIRCUITO += '</dl>';
	$("circuito").innerHTML = CIRCUITO;

	$("circuito").style.display = "block";
	$("nota").style.display = "none";
}
function showTabela(_opt)
{
	// Seta o menu
	setMenu(_opt);
	
	// Some com a tabela do circuito
	if ($("nota").style.display != "block")
		showNota();

	aTabela = ((_opt == "grid") ? oProva.grid : oProva['class']);
	HTML = ((_opt == "grid") ? "<h3>GRID DE LARGADA</h3>" : "<h3>CLASSIFICAÇÃO</h3>");
	HTML += '<table cellpadding="0" cellspacing="0">';
	HTML += '	<thead>';
	HTML += '		<tr><td class="col1" colspan="2">POSIÇÃO - PILOTO</td><td>EQUIPE</td><td>TEMPO</td>';
	if (_opt != "grid")
		HTML += '<td>PONTOS</td></tr>';
	HTML += '	</thead>';
	HTML += '	<tbody>';
	
	for(var i=0;i<aTabela.length;i++)
	{
		HTML += '<tr>';
		HTML += '<td class="col1">'+(i+1)+'</td>';
		HTML += '<td class="col2"><a href="/f1/pilotos/piloto.jhtm?ano='+ano_index+'&id='+aTabela[i].piloto_id+'">'+aTabela[i].piloto_nome+'</a></td>';
		HTML += '<td class="col3"><a href="/f1/equipes/equipe.jhtm?ano='+ano_index+'&id='+aTabela[i].equipe_id+'">'+aTabela[i].equipe_nome+'</a></td>';
		HTML += '<td class="col4">'+aTabela[i].tempo+'</td>';
		if (_opt != "grid")
			HTML += '<td class="col5">'+((aTabela[i].pontos == "") ? "-": aTabela[i].pontos)+'</td></tr>';
	}
	HTML += '<tfoot>';
	HTML += '	<tr><td colspan="4"><strong>Condições:&nbsp;</strong>'+((_opt == "grid") ? oProva.grid_condicoes : oProva.class_condicoes)+'</td></tr>';
	if (_opt != "grid")
		HTML += '	<tr><td colspan="4"><strong>Volta mais rápida:&nbsp;</strong>'+oProva.piloto_voltarapida+' ('+oProva.equipe_voltarapida+') em '+oProva.class_voltarapida_tempo+'</td></tr>';
	HTML += '</tfoot>';
	HTML += '</tbody></table>';
	
	$("tabela").innerHTML = HTML;
	$("tabela").style.display = "block";
}

var lastGP = "";
function goTo(_id)
{

  if(oProva.id == _id)
    return;

	//location.href = 'prova.jhtm?ano='+ano_index+'&id='+_id;
	lastGP = oProva.gp;
	
	$("prova_nome").innerHTML = "Carregando...";
	$("circuito").innerHTML = "<p class='aviso'>Aguarde, carregando informações da pista.</p>";
	
	loadScript("http://esporte.uol.com.br/f1/gestor/"+ano_index+"_prova_"+_id+".js");
	setTimeout("checkLoad()", 200)
	document.location.hash = "cir";
	
}

// verifica se as infos do gp foi carregada 
function checkLoad() {
  if(lastGP == oProva.gp)
    setTimeout("checkLoad()", 200)
  else
    showProvaInfo();
}


function showDrop()
{
	DROP = '<form>';
	DROP += '	<select onChange="goTo(this.value);">';
	DROP += '	  <option value=0>OUTRAS PROVAS</option>';
	for(var i=0;i<aProvas.length;i++)
	{
		DROP += '	  <option value='+aProvas[i].id+'>'+aProvas[i].gp+'</option>';
	}
	DROP += '	</select>';
	DROP += '</form>';
	
	$("drop").innerHTML = DROP;
}
loadScript("http://esporte.uol.com.br/f1/gestor/"+ano_index+"_provas.js",function() { showDrop(); });	
loadScript("http://esporte.uol.com.br/f1/gestor/"+ano_index+"_prova_"+id+".js",function() { showProvaInfo(); });