//Jogos Olímpicos - Timeline
function showInfo(idObj) {
	
	//Especificar a quantidade de elementos
	var totalElementos = 25;
	
	
	for(var i=1;i<=totalElementos;i++){
		
		var temp = document.getElementById("titulo_"+i);
		
		if(temp.style.display == 'block') {
			
			//IMAGEM DESTAQUE
			document.getElementById("imgDestaqueGrande_"+i).style.display = 'none';
			document.getElementById("imgDestaqueGrande_"+idObj).style.display = 'block';
			
			//ANO
			document.getElementById("ano_"+i).style.color = '#FFFFFF';
			document.getElementById("ano_"+idObj).style.color = '#65727b';
			
			//TITULO
			document.getElementById("titulo_"+i).style.display = 'none';
			document.getElementById("titulo_"+idObj).style.display = 'block';
			
			//CONTEUDO
			document.getElementById("conteudo_"+i).style.display = 'none';
			document.getElementById("conteudo_"+idObj).style.display = 'block';
			
			//LEGENDA IMAGEM DESTAQUE
			document.getElementById("legenda_"+i).style.display = 'none';
			document.getElementById("legenda_"+idObj).style.display = 'block';
			
			break;
		}
			
	}
	
	//IMAGEM DESTAQUE
	/*var imgTroca = document.getElementById("imgDestaqueGrande");
     imgTroca.src = "util/img/imgJogos_"+idObj+".jpg";*/
	
	


}

function switchTimeline (opcNav) {
		
	var layerAtual = curGlideLyr;
	
	if (opcNav == 'menos') {
	
		if(layerAtual == 'group_1') {
			slideEm('group_2');
			showInfo(6);
		}
		
		if(layerAtual == 'group_2') {
			slideEm('group_3');
			showInfo(11);
		}
		
		if(layerAtual == 'group_3') {
			slideEm('group_4');
			showInfo(16);
		}
		
		if(layerAtual == 'group_4') {
			slideEm('group_5');
			showInfo(21);
		}
	}
	
	
	if (opcNav == 'mais') {
	
		if(layerAtual == 'group_5') {
			slideEm('group_4');
			showInfo(16);
		}
		
		if(layerAtual == 'group_4') {
			slideEm('group_3');
			showInfo(11);
		}
		
		if(layerAtual == 'group_3') {
			slideEm('group_2');
			showInfo(6);
		}
		
		if(layerAtual == 'group_2') {
			slideEm('group_1');
			showInfo(1);
		}
	}
	
}

/*************************************************************************
  This code is from Dynamic Web Coding at www.dyn-web.com
  Copyright 2002-4 by Sharon Paine 
  See Terms of Use at www.dyn-web.com/bus/terms.html
  regarding conditions under which you may use this code.
  This notice must be retained in the code as is!
*************************************************************************/

// change speed of slide here
var slide_in_speed = 600;	// millisecond duration of slide into view
var slide_out_speed = 500;// millisecond duration of slide out of view

function initGlideLayers() {
  var glideLyrs = new Array();
  
  // Set up your layers here
  // arguments: id, left=0 (offset calculated based on width), top
  
   if ( navigator.product == 'Gecko') {
	  glideLyrs[0] = new dynObj('group_1', 0, -1);
	  glideLyrs[1] = new dynObj('group_2', 0, -130);
	  glideLyrs[2] = new dynObj('group_3', 0, -260);
	  glideLyrs[3] = new dynObj('group_4', 0, -390);
	  glideLyrs[4] = new dynObj('group_5', 0, -536);

   } else {
	  glideLyrs[0] = new dynObj('group_1', 0, 0);
	  glideLyrs[1] = new dynObj('group_2', 0, -130);
	  glideLyrs[2] = new dynObj('group_3', 0, -260);
	  glideLyrs[3] = new dynObj('group_4', 0, -390);
	  glideLyrs[4] = new dynObj('group_5', 0, -520);
  }
  
  //glideLyrs[3] = new dynObj('glideDiv3', 0, 120);
  
  for (var i=0; glideLyrs[i]; i++) {
		// hold original left position 
		glideLyrs[i].xOff = -(glideLyrs[i].w + 10);
		glideLyrs[i].shiftTo( glideLyrs[i].xOff, glideLyrs[i].y );
		glideLyrs[i].show();
  }
  slideEm('group_5'); // Slide first one into view 
}

var curGlideLyr;
function slideEm(id) {
	 var oldLyr, newLyr;
	 // if link for current layer clicked, slide it out of view 
	 if (curGlideLyr == id) { 
		oldLyr = dynObj.getInstance(curGlideLyr);
		oldLyr.slideTo(oldLyr.xOff, null, slide_out_speed, -1);
    		curGlideLyr = ""; return; 
 	 }
	 // if layer currently in view, set up to slide new one into view
	 // after current one slides away
	 if (curGlideLyr) {
    		oldLyr = dynObj.getInstance(curGlideLyr);
		oldLyr.onSlideEnd = function() { 
		dynObj.holder[curGlideLyr].slideTo(10, null, slide_in_speed, -1); 
		this.onSlideEnd = function() { if (this.el) this.el = null } 
	 }
	
	// slide current layer out of view
	oldLyr.slideTo(oldLyr.xOff, null, slide_out_speed, -1);
	} else { 	// if no layer currently in view
    newLyr = dynObj.getInstance(id);
    newLyr.slideTo(10, null, slide_in_speed, -1);
  }
	curGlideLyr = id;
}