var idZIndex = '';
$(document).ready(function(){
	var over = function(){ 

		var pos_botao = $(this).offset();
		var pos_x = pos_botao.left;	
		
		var pos_container = $('#container_timeline').offset();
		var pos_contaioner_x = pos_container.left;
		
		var pos_relativa_botao = pos_x - pos_contaioner_x;
		
		var container = $('#container_timeline').width();
		var balao = $('.balao').width();
		
		if( pos_relativa_botao + balao > container )$(this).find('.balao').addClass('balao_right');
		
		
		// RESETANDO
		if(idZIndex!=''){
			var old = $('#'+idZIndex);
			var zIndex = old.attr('id').replace('z_','');
			old.parent().parent().css('z-index',zIndex);
			old.parent().css('z-index',zIndex);
			old.css('z-index',zIndex);
			old.find('.balao').css('z-index',zIndex);
			old.parent().parent().find('div.personagem').css('z-index',zIndex);			
		}
		
		// Guardando Z index
		idZIndex = $(this).parents('.coluna_ano').attr('id');
		
		//Aumentando
		$(this).parent().parent().css('z-index',9999);
		$(this).parent().css('z-index',9999);
		$(this).css('z-index',9999);
		$(this).find('.balao').css('z-index',9999);
		$(this).parent().parent().find('div.personagem').css('z-index',9999);
		$(this).find('.balao').show();
		
	}
	
	
	$('.coluna_ano ul li, .personagem').mouseover(over)
	$('.coluna_ano ul li').mouseout(function(){$(this).find('.balao').hide();});	
	$('.personagem').mouseout(function(){$(this).find('.balao').hide();});			
	
	function restaura(){
		$('.coluna_ano').each(function(n){
			$(this).attr('id','z_'+(parseInt(9999-n)))
			var index = 9999-n;
			$(this).css('z-index',index);		
			$(this).find('li').css('z-index',index);
			$(this).parent().find('div.personagem').css('z-index',index);
			$(this).parent().find('div.personagem img').css('z-index',index);
			$(this).parent().find('div.balao').css('z-index',index);		
		});
	}
	restaura();
	

	
	
	if($('#linha_tempo').width()>$('#container_timeline').width()){

		var pos_linha_tempo = $('#linha_tempo').offset();
		var pos_x = pos_linha_tempo.left;
		var pos_y = pos_linha_tempo.top;
		var container = $('#container_timeline').width();
		var conteudo = $('#linha_tempo').width();
		var diferenca = conteudo - container;
		var metade = - parseInt(diferenca / 2);
		
		$('#linha_tempo').mousemove(function(e){
			x = e.pageX - pos_x;
			porcentagemX = parseInt(x / container * 100);
			if(porcentagemX<45||porcentagemX>55){
				left = parseInt(0 - (diferenca  / 100 * porcentagemX ));
				$('#linha_tempo').css({'left':left});
			}
		});		
		
		$('#linha_tempo').animate({ 'left':metade},1000);
	}
});

// Variaveis de configuracao
var DEaff="parblogdotas";	// Affiliate
var DEchan="";		// Canal quando existe
var DEsubc="outros";	// Subcanal capa ou outros.
var Expble=1;		// Alterar para 0 se não houver 240 pixels de espaço abaixo do 468x60 até o final da pagina
var DEcmpng=1;		// Alterar para 1 se participa de qualquer campanha vendida pelo UOL "cmpng"
var DEGroup=5;		// Grupo de afinidade "group"
var DEconn = document.body;
var scw = 0;
var sch = 0;
var d=document; var DEt=new Date(); DEt=DEt.getTime(); DErand=Math.floor(DEt*1000*Math.random());
var teste = null;
// Fim da configuracao 

/* NAO ALTERAR DAQUI PARA BAIXO, apenas remova os comentarios se precisar.
A linha abaixo deve obrigatoriamente ficar fora da função o valor de 
"DErand" nao pode ser diferente para os banners de uma mesma pagina */
function show_pub()
{
	// Verifica tipo de conexao do usuario
	DEconn=d.body; DEconn.style.behavior='url(#default#clientCaps)'; DEconn=(DEconn.connectionType=='lan')?1:0;
	
	// Verifica resolucao de tela
	if(screen.height){scw=screen.width;sch=screen.height;}
}
	
// Funcao que exibe o banner
function DEshow(ad,pos){
document.write('<scr'+'ipt language="JavaScript1.1" src="http://bn.uol.com.br/js.ng/site=par&chan='+DEchan+'&subchan='+DEsubc+'&affiliate='+DEaff+'&size='+ad+'&page='+pos+'&conntype='+DEconn+'&expble='+Expble+'&reso='+scw+'x'+sch+'&cmpng='+DEcmpng+'&group='+DEGroup+'&tile='+DErand+'?"></scr'+'ipt>');
}