//variavel auxiliar que guarda o indice do container anteriors
var guarda = 0;
var guarda2 = 0;
function mostraSpan(contador){
	try{
	
		// zero a variavel que conta das divs do container toda a vez que o script é rodado
		var anterior = 0;
		
		//limpo todas as divs
		var limpeza = document.getElementById('itens').getElementsByTagName('div');
		
		for(var i=0; i<limpeza.length; i++){
			limpeza[i].style.display = "none"
		}
		
		//guarda os conteudos de cada produto	
		var containers = document.getElementById('itens').getElementsByTagName('span');
		
		//escondo o span clicado anteriormente
		containers[guarda].style.display = "none";
		
		//mostro o span selecionado
		containers[contador].style.display = "block";
		
		//guardo o valor atual para que da proxima vez ele seja o anterior
		guarda = contador;
		
		//guarda o menu dentro do container
		if(contador != 0){
			var uls = containers[contador].getElementsByTagName('ul')[0];
			
			//guarda os links do menu
			var links = uls.getElementsByTagName('a');
			
			//guarda as divs do span atual
			var divs = containers[contador].getElementsByTagName('div');
			
			//mostro a 1 div do container selecionado
			divs[0].style.display = "block";
			
			//Desmarca a fonte em negrito de todos os indices
			for(k = 0; k < links.length; k++)
				links[k].className = "";
			
			//mostra a fonte em  negrito de indice [0]
			links[0].className = "marcado";
			
			//encontro todos os links para acionar outra funcao caso ele seja clicado
			for(var i=0; i<links.length; i++){
				//crio uma variavel auxiliar para saber qual indice foi selecionado
				links[i].indice = i;
				
				links[i].onclick = function(){
					//deixa a fonte normal após ser clicada
					links[anterior].className = "desmarcado";
					//escondo a div anterior a clicada
					divs[anterior].style.display = "none";
					//mostro a div referente ao link selecionado
					divs[this.indice].style.display = "block";
					//deixa a fonte bold após ser clicada
					links[this.indice].className = "marcado";
					//guardo o valor atual para que da proxima vez ele seja o anterior
					anterior = this.indice;
					
				}
			}
		}
	}
	catch(e){};
}


function controlaPerguntas(identidade){
		try{
			lista = document.getElementById(identidade).getElementsByTagName('li')
			
			for(var i=0; i<lista.length; i++){
				lista[i].indice = i;
				
				lista[i].getElementsByTagName('a')[0].onclick = function(){
					limpa(identidade)
					
					this.style.fontWeight = "bold";
					this.parentNode.getElementsByTagName('span')[0].style.display = "block";
				
					var fechar = this.parentNode.getElementsByTagName('a')[1];
					
					fechar.onclick = function(){
						limpa(identidade)
					}
				}
			}
		}
		catch(e){};
	}
		
		function limpa(identidade){
			try{
				spans = document.getElementById(identidade).getElementsByTagName('span');
				links = document.getElementById(identidade).getElementsByTagName('a')
				
				for(var i=0; i<spans.length; i++){
					spans[i].style.display = "none";
				}
				
				for(var a=0; a<links.length; a++){
					links[a].style.fontWeight = "normal";
				}
			}
			catch(e){};
		}
		
		
//tira borda dos flashes		
function flash(src, width, height, id, flashVars, wmode, menu, scale){
	var ret = GetArgumentos(src, width, height, id, flashVars, wmode, menu, scale);
	var str = '<object ';
	for (var i in ret.objAttrs)
		str += i + '="' + ret.objAttrs[i] + '" ';
		str += '>';
	for (var i in ret.params)
		str += '<param name="' + i + '" value="' + ret.params[i] + '" /> ';
		str += '</object>';
	document.write(str);
}

function GetArgumentos(src, w, h, id, flashVars, wmode, menu, scale){
	var ret = new Object();
	ret.params = new Object();
	ret.objAttrs = new Object();

	ret.objAttrs['data'] = ret.params["movie"] = src;
	ret.objAttrs['width'] = w;
	ret.objAttrs['height'] = h;
	ret.params['quality'] = 'high';
	ret.objAttrs['type'] = 'application/x-shockwave-flash';
	ret.params['menu'] = 'false';
	
	if(id) ret.objAttrs['id'] = id;
	
	if(flashVars) ret.params['flashVars'] = flashVars;
	
	ret.params['wmode'] = (wmode)? wmode : 'transparent';
	ret.params['scale'] = (scale)? scale : 'exactfit';
	ret.params['menu'] = (menu)? menu : 'false';
	
	return ret;
}

window.onload = function(){
	controlaPerguntas('perguntas');
	mostraSpan('0');
}


function popUp(endereco){
	
	window.open(endereco , "atendimento" , "status , scrollbars=no ,width=400, height=350 , top=0 , left=0"); 
}