var sedes = "";
// GetMethodParserJS ////
L=location.href;
d=L.substring(L.indexOf("?")+1);
c=v=new Array(); c=d.split("&"); cl=c.length;
for(i=0;i<cl&&cl>0;i++) {
v=c[i].split("="); if(v.length>1)
eval(v[0]+"=unescape('"+v[1].replace(/\+/g," ")+"')");}
/////////////////////////

var $I = function () { return document.getElementById(arguments[0]); } 
var TheFistExecution = true;
var TheTimeOutId;

// muda a cor das sedes no mapa dependendo do status
function PegaStatusImg () {
  var i;
  var chave;

  for (i=1; i <= dadosSedes.sede.length; i++) {

    chave = (i==16)?"V":i;

    var status = dadosSedes.sede[i-1].status;
    //alert(i+" - "+status);
    var objDiv = document.getElementById("bolaSede"+chave); 

    switch (status) {
      case "0": // vermelho
              objDiv.className = "status0"; break;
      case "1": // amarelo
              objDiv.className = "status1"; break;
      case "2": // verde
              objDiv.className = "status2"; break;
    }
  }
}

// carrega os dados da Sede
// mas antes muda a cor da lista
function Sede (chave) {

  // tira a class das outras sedes
  var tblObj = document.getElementById("tblListaSedes");
  var tblElem = tblObj.getElementsByTagName("td");
  
  for (var i = 0; i < tblElem.length; i++)
    tblElem[i].className = "";

  // coloca a class de clicado
  var obj = document.getElementById("tdSede"+chave);
  obj.className = "clicado";
  
  // carrega os dados da sede
  PegaDadosSede (chave);

}

function changeOpac(opacity) {
  var object = document.getElementById('jsImgSede').style; 
  object.opacity = (opacity / 101);
  object.MozOpacity = (opacity / 101);
  object.KhtmlOpacity = (opacity / 101);
}

function blend(imagefile) {
  var speed = 7;
  var timer = 0;
  //for(i = 100; i > 0; i-=2) setTimeout('changeOpac('+i+')', timer++ * speed);
  //setTimeout('changeContent()', timer * speed);
  for(i = 0; i <= 100; i+=2) setTimeout('changeOpac('+i+')', timer++ * speed);
}

// carrega os dados da sede
function PegaDadosSede (numSede) {
  var i;

  TheFistExecution = true;
  clearTimeout(TheTimeOutId);

  $I("jsDadosBonecos").className = "esconder";
  $I("jsDadosSede").className = "aparecer";

  /* muda a imagem de 5 em 5 segundos */
  MudaImagem = function (i) {
    var dd = dadosSedes.sede[i].imagens[j].credito.split("|");

    // fazer a imagem ficar opaca na transação
    if (!TheFistExecution) {
      if(document.all && navigator.userAgent.indexOf('Opera')==-1) {
        document.images.img1.style.filter='blendTrans(duration=1)';
		    document.images.img1.filters.blendTrans.Apply();
		    document.images.img1.filters.blendTrans.Play();
		  }
		  else blend();
		}

		TheFistExecution = false;

    $I("jsImgSede").src = dadosSedes.sede[i].imagens[j].imagem; // src imagem
    $I("jsData").innerHTML = dd[1]; // data
    $I("jsImgSede").title = dd[0]; // alt
    if (j == ttImg-1) j = 0; else j+=1;

    if (dadosSedes.sede[i].imagens.length > 1)
      TheTimeOutId = setTimeout ("MudaImagem("+i+")",6000);
  }

  // coloca os dados nos respectivos lugares
  for (i=0; i < dadosSedes.sede.length; i++) {
    if ( dadosSedes.sede[i].chave == numSede ) { // se encontrou a sede
      var j = 0; // indice das imagens
      var ttImg = dadosSedes.sede[i].imagens.length;
      imagem = new Image();
		  imagem.src = dadosSedes.sede[i].imagens[0].imagem;

      MudaImagem(i);
      ColocarDadoElement (dadosSedes.sede[i].esporte, "jsEsporte")
      ColocarDadoElement (dadosSedes.sede[i].local, "jsLocal")
      ColocarDadoElement (dadosSedes.sede[i].custo, "jsCusto")
      ColocarDadoElement (dadosSedes.sede[i].andamento, "jsAndamento")

      var imgBonecoVerde = new Image();
      imgBonecoVerde.src = "http://e.i.uol.com.br/pan/2007/sedes/verde.jpg";
      
      var imgBonecoAmarelo = new Image();
      imgBonecoAmarelo.src = "http://e.i.uol.com.br/pan/2007/sedes/amarelo.jpg";
      
      var imgBonecoVermelho = new Image();
      imgBonecoVermelho.src = "http://e.i.uol.com.br/pan/2007/sedes/vermelho.jpg";
      
      switch (dadosSedes.sede[i].status) {
        case "0": document.images.imgBoneco.src = imgBonecoVermelho.src; break;
        case "1": document.images.imgBoneco.src = imgBonecoAmarelo.src; break;
        case "2": document.images.imgBoneco.src = imgBonecoVerde.src; break;
      }
    }
  }
}


// coloca os dados em um elemento
// se não houver dado não mostra o elemento
function ColocarDadoElement (dados, elemento) {
  if (dados == "")
    $I(elemento+"Title").style.display = "none";
  else {
    $I(elemento+"Title").style.display = "";
    $I(elemento).innerHTML = dados;
  }
}

// cria a lista das sedes do XML
function MontaListaSedes () {
  var i; // indice

  var saida = '<table id="tblListaSedes" cellpadding="0" cellspacing="0">';

  for (i = 0; i< dadosSedes.sede.length; i++) {
    var chave  = dadosSedes.sede[i].chave;
    var nome   = dadosSedes.sede[i].nome;
    var status = dadosSedes.sede[i].status;

    saida += "<tr>";
    switch (status) {
      case "0": // vermelho
              saida += "  <th class='status0'>"+chave+"</th>"; break;
      case "1": // amarelo
              saida += "  <th class='status1'>"+chave+"</th>"; break;
      case "2": // verde
              saida += "  <th class='status2'>"+chave+"</th>"; break;
    }

    saida += '  <td id="tdSede'+chave+'"><a href="javascript:Sede(\''+chave+'\');">'+nome+'</a></td>';
    saida += "</tr>";
  }

  saida += "</table>"

  $I("divTbl").innerHTML = saida;
  MostraLegendaInicial ();

}


function MostraLegendaInicial () {

  saida  = "<p><strong>Andamento da obra:</strong></p>";
  saida += "<p>Clique na sede e saiba como está o andamento da obra para o Pan 2007</p>";
  
  saida += '<table id="tblInicial">';
  saida += '  <tr class="linha">';
  saida += '    <th><img src="http://e.i.uol.com.br/pan/2007/sedes/operarioInicialVerde.gif" alt="" title="" /></th>';
  saida += '    <td><strong>Bandeira Verde</strong><br />Tudo certo. Ficará pronta a tempo dos Jogos Pan-Americanos.</strong></td>';
  saida += '  </tr>';
  saida += '  <tr class="linha">';
  saida += '    <th><img src="http://e.i.uol.com.br/pan/2007/sedes/operarioInicialAmarelo.gif" alt="" title="" /></th>';
  saida += '    <td><strong>Bandeira Amarela</strong><br />Atenção. Obras atrasadas, mas sem grandes problemas.</strong></td>';
  saida += '  </tr>';
  saida += '  <tr>';
  saida += '    <th><img src="http://e.i.uol.com.br/pan/2007/sedes/operarioInicialVermelho.gif" alt="" title="" /></th>';
  saida += '    <td><strong>Bandeira Vermelha</strong><br />Perigo. Grande atraso. Grande risco de não ficar pronto.</strong></td>';
  saida += '  </tr>';
  saida += '</table>';

  $I("jsDadosBonecos").innerHTML = saida;
  //Sede('1');

}

// Abre sede do parametro GET
window.onload = function()
{
  if(sede != "")
  {
    var a = document.getElementById("tblListaSedes").getElementsByTagName("a");
    for (var i=0; i<a.length; i++)
    {
      if( a[i].innerHTML == sede )
      {
        location.href = a[i].href;
      }
    }
  }
}